장면 애니메이션
지원: 스킬 hyperframes(렌더링 계약, 타임라인, 클립 규칙), hyperframes-registry(glitch, CRT, 그래픽 등 이미 만들어진 블록을 직접 그리기 전에 검색) 및 graphify (라이브러리 조각 검색, 예: graphify explain "pavio_scene").
template/build/generate.py에서 시작하세요. 이 파일에는 각 스크립트 부분에 대한 예시 장면이 이미 포함되어 있습니다.
각 부분에 맞는 올바른 조각
| 부분 | 조각 | 참고사항 |
|---|---|---|
| 0프레임 / 훅 | hook_html + shake + drift | 동일한 제목이 루프에서 다시 나타남 |
| 말하는 문장 | kline + words_js; 키워드에 slam | 2~4단어 구간당 한 줄 |
| 미스터리 | 켜지는 불빛, "PIOR"/"DATA"에 slam | 회전하는 달력("20??") |
| 숫자 | counter(...) + 영향 규모 + shake | pt-BR 형식 (toLocaleString) |
| 장소 또는 대상 | 맥박치는 ping 링 | 날짜나 출처를 mono로 표시 |
| 갈등 | 충돌하는 화살 + hit 플래시 | A측 × B측 |
| 측면 또는 국가 | SVG 깃발 + 선 그리기 (pathLength="1") + 라벨이 있는 이동 점 | 문장 없음 |
| 목록 진행 | pavio_scene, 각 항목마다 타오르고 절정에서 폭발하는 심지 | "1/3" 대신 사용; 최후의 수단으로만 step_badge |
| 피해, 규모 | 점으로 채워지는 화면 (clip-path) + 거대한 카운터 | 데이터 출처를 mono로 |
| TV 화면 | tvv + enter_tv | 가로로 누운 클립용 |
| 무거운 엔딩 | 부드러운 질문, 천천히 차오르는 하트, 어두운 follow_card, 검은색으로 페이드 | 팝, 스파클, 플래시, 컷 없음 |
| 가벼운 엔딩 | like_block + plane_svg + follow_card | 팝과 반짝임 가능 |
| 루프 | 훅의 역방향 클립이 0프레임에서 끝남 + 동일한 제목 | 검은색에서 시작(무거운) 또는 osd_rewind 포함(가벼운) |
규칙
- 1.5~2.5초마다 무언가 변경되며 각 장면에는 상호작용이 있습니다.
- 시간:
scene()내부의 로컬 시간과SCENES, 컷, 효과, 자막의 글로벌 시간. - 안전 영역: 텍스트는 x 90–900, y 170–1330 이내. 긴 줄은 글꼴 크기 줄이기 (Archivo Black은 글자당 약 0.75em 차지).
- 마크 @: 라이브러리가 자막 아래에 추가 (
WM_TOP); 별도로 그리지 마세요. - 클립 규칙:
- 클립 자체의 visibility/opacity를 애니메이션하지 마세요;
- 이후 fromTo에는
immediateRender:false사용; - 지속 효과(불꽃, 맥박)에는
repeat과yoyo사용; - 무작위성 금지 (그레인은 시드 사용).
- 톤: 무거운 비디오에서는 최대 0.32 투명도의 빨간 맥박; 가벼운 비디오에서는 더 선명한 색상.