90+ Canvas API Examples

Doodle Jump Clone with HTML5 Canvas

A complete HTML5 Canvas implementation of Doodle Jump featuring sprite-based animations, realistic physics with gravity and acceleration, and procedurally generated platforms with different behaviors.

See the Pen Doodle Jump Clone with HTML5 Canvas.

Pacman Game with HTML5 Canvas and JavaScript

A faithful implementation of the classic Pacman game using vanilla JavaScript and HTML5 Canvas, featuring smooth sprite animation, collision detection, and original game mechanics with multiple ghost AI behaviors.

See the Pen Pacman Game with HTML5 Canvas and JavaScript.

Periodic Table

A fully detailed, color-coded scientific table generated by a script just 1 kilobyte in size.

See the Pen Periodic Table.

Audio Visualization III using Web Audio API

This audio visualizer leverages the Web Audio API to extract frequency data, driving a real-time, responsive 3D starfield and waveform that reacts intensely to the music’s average volume.

See the Pen Audio Visualization III using Web Audio API.