Continually call our render() function

• Request a new animation frame at the end of each render() call
  • WebGL’s animation is controlled by the Web browser
  • native applications have more control

We’ll use a special call to request a new frame

• requestAnimationFrame()
  • pass our render() as the function to be called
    • can’t call render() from render() — recursion
• renders when all events have been processed

function render() {
   gl.clear(gl.COLOR_BUFFER_BIT);

   gl.useProgram(program);
   angle += 3.0; // rotate three degrees each frame
   angle %= 360.0;

   gl.uniform1f(uAngle, angle);

   gl.drawArrays(gl.TRIANGLES, 0, 3);

   requestAnimationFrame(render);
}