All Opus 5.5 videos › Music videos
Two-minute animated piano performance in a hand-drawn crayon style
Prompt
The author shared the full prompt.
Create a single self-contained index.html: a ~2-minute animated piano performance in a hand-drawn crayon style. > Scene: a cozy room at night, an upright piano, a small black cat playing it. Crayon texture on every surface: grainy strokes,wobbly outlines, paper tooth. > Music: compose an original piano piece (~40 bars, clear melody, calm then building, soft ending). Synthesize the piano in Web Audio with harmonics, hammer noise and reverb. No audio files. > Sync: one timeline drives both. The cat's paws hit the keys that are actually sounding. Lights, camera and mood follow the music. > Rules: Canvas 2D only, no libraries, no external assets. Support pause/replay and ?t=90 to jump to any moment.
- Category
- Music videos
- Stack
- Web Audio, Canvas
- Made with
- Canvas 2D, Web Audio
- From the author
- 657 notes across 41 bars.
- On X
- 47 likes · 6.3K views · 33 saves
More music videos
Organ fugue in Bach style rendered as MIDI/audio
@aug5thmusic♥ 4.4K
Self-introduction video with song and interview
@johnknopf♥ 2.9K
Bass music generated with JavaScript and a custom signal chain
@aj_dev_smith♥ 785
Baroque flute sonata generated from four measures of Corelli
@aug5thmusic♥ 330
LilyPond opening largo of a Corelli-style trio sonata
@aug5thmusic♥ 291
15-second kinetic-typography music video with dancing text
@itnavi2022♥ 221
Bitcoin monetary-history music video with coded animation and rap
@bradmillscan♥ 160
AI-safety music video with illustrated lyric references
@doubleunplussed♥ 146