Can't stop requestAnimationFrame (Javascript/html5: canvas)

Question

I'm having trouble with quiting/killing/exitting my requestAnimationFrame. My gameloop works, i can pause my game (gameloop stays active). But when I want to return to my menu, I want to kill the requestAnimationFrame, so it stops drawing and updating. I've searched on the internet and stackoverflow, found similar questions tried te response, but no luck :(

var fps = 60;
var now;
var then = Date.now();
var interval = 1000/fps;
var delta;  

//============================================================================

function gameloop(){
window.requestAnimationFrame(gameloop);

if (game.isUnpaused()){
//game is not paused, update all
      now = Date.now();
          delta = now - then;

              if (delta > interval) {
                  then = now - (delta % interval);
              //DO ALL WHAT'S NEEDED: draw avatar,move obstacles,move avatar....
                  }}

//what to do when game is paused:
else{//draw stuff when game is paused}

}

Can Anybody help me?

Thanks in advance

Possible duplicate of How to stop a requestAnimationFrame recursion/loop? — Magnus Lind Oxlund
– Magnus Lind Oxlund, Commented Nov 19, 2018 at 14:44

KaliedaRik · Accepted Answer · 2013-10-18 15:23:39Z

2

var active = true;
function gameloop(){
    if(active){
        window.requestAnimationFrame(gameloop);
        }
    }

answered Oct 18, 2013 at 15:23

KaliedaRik

3883 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Can't stop requestAnimationFrame (Javascript/html5: canvas)

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related