Canvas game exercise: update and render

A small exercise is a place to practice a predictable update loop. Store position and velocity in the model, advance them with measured time and draw the result separately.

Try a fixed-step simulation and add pause and restart. Check that a delayed frame does not send the object across the whole playfield in one jump.

This page is a readable game-design exercise. It provides study notes and related tutorials; an interactive game is not embedded.