Я делаю игру Pong в javascript, чтобы научиться делать игры, и я хочу сделать ее объектно-ориентированной.
Я не могу заставить clearRect
работать. Все, что он делает, это рисовать линию, которая растет дольше.
Вот соответствующий код:
function Ball(){
this.radius = 5;
this.Y = 20;
this.X = 25;
this.draw = function() {
ctx.arc(this.X, this.Y, this.radius, 0, Math.PI*2, true);
ctx.fillStyle = '#00ff00';
ctx.fill();
};
}
var ball = new Ball();
function draw(){
player.draw();
ball.draw();
}
function update(){
ctx.clearRect(0, 0, 800, 400);
draw();
ball.X++;
}
Я попытался поместить часть ctx.clearRect
в функции draw()
и ball.draw()
, и она не работает.
Я также пробовал fillRect
с белым, но он дает те же результаты.
Как я могу это исправить?