perp DEX를 주제로 한 31초짜리 시네마틱 모션그래픽 쇼릴을 만들어서 최종적으로 1080p/30fps MP4 영상 파일(사운드 포함)로 줘.
스타일: 다크 배경(#050508), 네온 그린(#00ffa3)/레드(#ff3b5c)/퍼플 포인트 컬러, Inter Black 타이포, 필름 그레인 + 비네트 + 레터박스로 시네마틱하게. 하이엔드 SaaS 쇼릴 느낌.
구성 (6씬):
1. "PERPDEX" 글자가 한 글자씩 슬램되며 등장하는 인트로
2. LONG / SHORT / 100x LEVERAGE / ZERO GAS / 24/7 MARKETS 키네틱 타이포 연타 → "PERPETUALS, PERFECTED."
3. 캔들차트가 그려지며 LONG·50x 뱃지 팝 + PnL 카운터가 +$1,248,917까지 카운트업
4. 오더북(매수/매도 호가 슬라이드인, 숫자 셔플) → "DEEP LIQUIDITY."
5. 폭락 라인 + 화면 흔들림 + 붉은 플래시 → "DON'T GET LIQUIDATED."
6. 로고 드로우온 + 워드마크 쉬머 아웃트로
기술 요구사항:
- HTML5 Canvas + JS로 애니메이션 작성 (이징 함수, 씬 타임라인 직접 구현)
- 사운드는 오디오 파일 없이 전부 코드로 합성: 앰비언트 패드, 우시(노이즈+밴드패스 스윕), 베이스 히트, 틱, 캐시 멜로디, 알람 — 씬 타이밍에 동기화
- 브라우저 캡처 금지. 같은 드로잉 코드를 @napi-rs/canvas로 헤드리스 렌더링해 프레임을 뽑고, 사운드는 같은 신스 설계를 raw PCM으로 오프라인 렌더링해 WAV 생성, ffmpeg로 먹싱
- 렌더 전에 프리뷰 프레임 몇 장 뽑아서 직접 확인하고 진행할 것
뭐 애초에 처음 지시문은 저것보단 단순한거였지만...이게 진짜 딸깍인데? 싶기도하고 영상엔진 없는데 html로 창의적으로 짠것도 신기하네요