Interactive JavaScript project

Timing Tap

Use a sine wave, a hit zone, and a small scoring state machine.

Click or tap the canvas, or focus it and press Space/Enter, when the ring center is inside the green zone. Reach the hit target before losing three lives or using 90 active seconds.

Use a browser that supports Canvas to run this example.

Build this project

Writing a Simple Game Loop with requestAnimationFrame — the shared scheduler used by this project.

Read and run the source

The engine lives in assets/js/engines/timing.js. The download includes a runnable local page, shared scheduler, and browser controls.

Source is provided for inspection and local learning. See Terms for reuse permissions.