yusufmalikul/blink-firefly-animation ? reverse-engineered prompt

Reverse engineered prompt

Build me a small browser animation called Blink about a lonely firefly in the dark.

I want the whole story drawn in the page with no images, video, or audio files, just code. It should start with one firefly blinking alone, then flying across hills, then finding another light in the distance, and finally turning into a whole field of fireflies blinking together in the same rhythm. The animation should feel hand drawn and a little shaky, like a film made frame by frame.

Please make it play in the browser from a single page, with a Play with sound button, pause when I click the film or press Space, and let me drag a progress bar to jump around. The sound should match the blinking, with simple bell like tones and chords made from multiple blinks.

If you need to, look up current browser canvas and audio docs online.

Are you gonna build this?

make sure you review the code using coderabbit

Try freeSponsored — opens CodeRabbit in a new tab