Try something like this:
let animationId
function annimation() {
ctx.clearRect(0, 0, canvas.width, canvas.height)
tableStyle();
animationId = requestAnimationFrame(annimation);
ball.update();
racketLeft.draw();
racketRight.draw();
if (score === 21) cancelAnimationFrame(animationId)
}
annimation();
This'll stop your animation whenever score is equal to 21
, just make sure you have score
declared somewhere.
Want to participate?
Create a free Chris Courses account to begin