12s 모션 비디오 애니메이션을 코드와 사운드로 구현하기

다음은 프롬프트 본문의 한국어 번역입니다: 코드로 12초 모션 비디오를 만드세요 (1920x1080, 30fps, 단일 HTML 파일, 단일 seek(t) 함수에서 모든 프레임을 그리며, Playwright + ffmpeg로 렌더링하고, 원본 합성 사운드 포함). 스토리: 오프화이트 배경의 어두운 프롬프트 알약이 실제 키스트로크 리듬으로 "make a launch video"를 타이핑합니다 → 엔터, 버튼이 주황색으로 깜빡이고 알약이 위로 슬라이드됩니다 → 12프레임 필름스트립이 왼쪽에서 오른쪽으로 스탬프되며, 120 BPM에서 비트당 한 프레임씩; 각 프레임은 주황색 공의 바운스 포즈 하나를 보여줍니다 (접촉 시 스쿼시, 공중에서 스트레치, 실제 호 궤적) → 플레이헤드가 스트립을 훑는 동안 위의 큰 뷰어가 포즈를 플립북으로 재생합니다, 두 번, 두 번째는 더 빠르게 → 스트립이 슬라이드되어 사라지고, "every frame is code."가 화면을 채우며, 공이 호를 그리며 날아와 마침표로 착지합니다. 규칙: 빠르게 도착하고 부드럽게 착지하세요 (프레임당 남은 거리의 12–19% 커버); 아무것도 멈추지 않게 하세요 (모든 홀드에 느린 푸시); 2–4프레임 스태거; 빠른 움직임에만 블러; 휴대폰에서 크고 읽기 쉽게; 오프화이트, 잉크, 주황색 하나만 사용. 사운드: 키마다 틱, 엔터에 클릭, 프레임 스탬프마다 상승 음, 공이 착지할 때 쿵. 먼저 스틸 5장을 보여주세요 (타이핑, 스트립 반쯤 완성, 플립북, 헤드라인, 마지막 프레임), 가혹한 모션 디렉터처럼 비판하고, 가장 나쁜 문제 3가지를 고친 다음 렌더링하세요.