場景動畫
支援技能:hyperframes(渲染合約、時間軸、片段規則)、hyperframes-registry(在親手繪製前先尋找現成的區塊,例如 glitch、CRT、圖形)以及 graphify,用於在 lib 中尋找素材片段(graphify explain "pavio_scene")。
從 template/build/generate.py 開始,該檔案已包含每個腳本部分的範例場景。
每個段落的正確素材片段
| 段落 | 素材片段 | 備註 |
|---|---|---|
| 第 0 幀 / 鉤子 | hook_html + shake + drift | 相同標題會在循環中重複出現 |
| 口說句子 | kline + words_js;對關鍵字使用 slam | 每段 2–4 個單詞使用一行 |
| 謎團 | 燈光點亮,在「最糟」/「日期」上使用 slam | 旋轉的日曆(「20??」) |
| 數字 | counter(...) + 衝擊縮放 + shake | 使用巴西葡萄牙語格式(toLocaleString) |
| 地點或目標 | 脈動的 ping 環 | 搭配日期或來源,使用等寬字體 |
| 衝突 | 箭頭相撞 + hit 閃光 | A 方 × B 方 |
| 各方或國家 | SVG 旗幟 + 繪製線條(pathLength="1")+ 帶標籤的移動點 | 不使用紋章 |
| 列表進度 | pavio_scene,一根引信每完成一個項目就燃燒,並在高潮時爆炸 | 取代「1/3」;step_badge 僅在最後手段使用 |
| 破壞、規模 | 螢幕被點填滿(clip-path)+ 巨型計數器 | 資料來源使用等寬字體 |
| 電視視窗 | 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.75 em)。
- @ 標誌: lib 會將其放在字幕下方(
WM_TOP);不需要再畫一個。 - 片段規則:
- 不要對 clip 本身進行 visibility/opacity 動畫;
- 在後續的 fromTo 中使用
immediateRender:false; - 對連續效果(火花、脈衝)使用
repeat搭配yoyo; - 不要使用隨機性(噪點使用固定種子)。
- 基調: 在沉重的影片中,紅色脈衝不透明度最多 0.32;在輕快的影片中,顏色更鮮豔。