Dentro de este canvas
<canvas id="canvas" class="canvas" width="300" height="300"></canvas>
Tenga esta función
var estado = false;
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext("2d");
function frame(){
actualizar();
coliciones();
dibujar();
bucle = requestAnimationFrame(frame);
}
function startStop(){
if (!estado) {
estado = true;
frame();
console.log('game init :'+estado);
}else {
estado = false;
cancelAnimationFrame(bucle);
console.log('game estatus :'+estado);
}
pero cancelAnimationFrame no borra o no hace un clear a mi canvas. Pero si estoy recibiendo los log's de mi consola, alguien podrìa decime si hago algo mal?
clearRect
bucle="null"
después decancelAnimationFrame(bucle);
Si bucle devuelvenull
es que se ha parado.Pero todo depende de lo que quieres conseguir, La vedad es que necesitaría un ejemplo funcional para poder decir algo más,