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.
한국어 번역
단일 자체 포함 index.html을 만들어 주세요: 손으로 그린 크레용 스타일의 약 2분짜리 애니메이션 피아노 연주.
장면: 밤의 아늑한 방, 업라이트 피아노, 그 피아노를 연주하는 작은 검은 고양이. 모든 표면에 크레용 질감: 거친 획, 흔들리는 윤곽선, 종이의 결.
음악: 오리지널 피아노 곡을 작곡하세요 (약 40마디, 명확한 멜로디, 차분하다가 고조되고 부드럽게 끝남). Web Audio로 배음, 해머 노이즈, 리버브를 사용해 피아노를 합성하세요. 오디오 파일은 사용하지 마세요.
동기화: 하나의 타임라인이 둘 다 구동합니다. 고양이의 앞발이 실제로 소리 나는 건반을 누릅니다. 조명, 카메라, 분위기가 음악을 따릅니다.
규칙: Canvas 2D만 사용하고, 라이브러리도 외부 에셋도 사용하지 마세요. 일시정지/다시 재생과 ?t=90으로 임의의 순간으로 점프하는 기능을 지원하세요.
