Interactive JavaScript project
Gem Collector
Move a paddle, collect gems, and resolve hazards in a delta-time loop.
Use Left/Right or A/D while the game has focus, drag across the canvas, or use the movement buttons. Collect the target gems within 75 active seconds and avoid cross-marked hazards. You have three lives.
Build this project
Writing a Simple Game Loop with requestAnimationFrame.
Read and run the source
The engine lives in assets/js/engines/collector.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.