Game Loop example for video editing project

gameloop-videoediting.js

function tick(){ 
  //we clean if we've changed the size of the quadrant 
  if(needsClean){ 
    cleanCanvas(); 
  } 
  
//if we have to change the quadrant's frame because we are the active one (or the opposite) 
  if(newFrame){ 
    drawFrame(); //we draw just the frame in a separate canvas so it doesn't need to be calculated all the time, and it is still faster than copying from an image 
  } 

//we draw the new frame if we are playing or seeking 
  if(dirty){ 
    draw(); 
    drawFrameInQuadrant(); 
  } 
  requestAnimationFrame(tick); 
}