Create a single self-contained index.html: a ~2-minute animated short called "the last piano", in a hand-drawn crayon and watercolor style.
Scene: a small rusty robot with one glowing eye walks through a dark, empty city in the rain and finds an old upright piano under a broken streetlamp. Later a black cat shows up to listen.
Music: compose an original piano piece (Am - F - C - G) and synthesize it in Web Audio. It starts with one unsure note and grows into full chords.
Sync: one timeline drives both. The robot's hands hit the keys that are actually sounding. Every note turns on a window in the city, the rain turns to snow, and the final chord lights up everything that's left.
Rules: Canvas 2D only, no libraries, no external assets.
한국어 번역
단일 자체 포함 index.html을 만드세요: "the last piano"라는 약 2분 길이의 애니메이션 단편으로, 손으로 그린 크레용과 수채화 스타일입니다.
장면: 빛나는 눈 하나를 가진 작고 녹슨 로봇이 비 내리는 어둡고 텅 빈 도시를 걸어가다가 부서진 가로등 아래에서 낡은 업라이트 피아노를 발견합니다. 나중에 검은 고양이가 나타나 연주를 듣습니다.
음악: 오리지널 피아노 곡(Am - F - C - G)을 작곡하고 Web Audio에서 합성하세요. 확신 없는 한 음으로 시작해 온전한 코드로 자라납니다.
동기화: 하나의 타임라인이 둘 모두를 이끕니다. 로봇의 손은 실제로 소리가 나는 건반을 칩니다. 모든 음은 도시의 창문 하나를 켜고, 비는 눈으로 바뀌며, 마지막 코드는 남아 있는 모든 것을 밝힙니다.
규칙: Canvas 2D만 사용, 라이브러리 없음, 외부 에셋 없음.
