Game Loop with requestAnimationFrame

Games redraw the screen 60 times a second. requestAnimationFrame asks the browser for the next frame — clear, move, draw, repeat.

requestAnimationFrame(loop)

1. 1Canvas + state

   Add a canvas and store the ball's x position and speed.

   let x = 20
   let speed = 3

2. 2Write the loop

   Define a loop function that clears, moves, and draws.

3. 3Bounce off the walls

   Reverse the speed when the ball reaches an edge.

4. 4Start it

   Call loop() once to kick everything off.