Uncaught TypeError: Не удается прочитать свойство 'render' of undefined

Question

Я все еще учась делать вещи на холсте, как этот. Отображение объекта прямоугольника в координатах y.

function initCanvas(){ 
var ctx = document.getElementById('canvas').getContext('2d'); 
var cW = ctx.canvas.width, cH = ctx.canvas.height; 
var y = 0, x = 0; 

function rectObj(){ 
    this.x = 0, this.y = 0; 
    this.render = function(ctx, lx, ly, lw, lh, clr){ 
     ctx.fillStyle = clr; 
     ctx.fillRect(lx, ly, lw, lh); 
    } 
} 

var a = rectObj(); 

function animate(){ 
    ctx.clearRect(0,0, cW, cH); 
    a.render(ctx, 0, a.y, 50, 50, "blue"); 
    a.y++; 
} 
var animateInterval = setInterval(animate, 30); 

}window.addEventListener('load', function(event){ initCanvas(); });

Answer 1

Вы должны вызвать функцию с new оператора:

var a = new rectObj();