火柴人動畫技能

火柴人動畫技能 (animation-skill-main)

生成確定性、工作室級別的 2D/3D 火柴人動畫（1080×1920 垂直 9:16，30.0 FPS）。透過 HTML5 Canvas + WebGL2 / Three.js 渲染，無需打包步驟；透過無頭 Chromium (window.seekToFrame(f)) 抓取確定性幀，並使用 ffmpeg 拼接為 MP4。

10 步驟生產管線

1. 解讀與推斷參數：1080×1920 (9:16 垂直)，30.0 FPS，確定性幀尋找。
2. 節奏表與短影音留存公式：
   • 鉤子 (0–3s)：立即的視覺動作 + 以事實陳述的悖論。
   • 鋪陳與升級：每 1.5–2.5s 一次視覺變化或鏡頭重新構圖（A-B-A-C 鏡頭交替）。
   • 轉折/科學：5 個不同、不重複的物理切出或類比演示（切勿重複使用同一圖表）。
   • 高潮與回報：情緒/諷刺反轉以及宏大的起重機拉遠鏡頭。
3. 分解為鏡頭 (story.json / timeline.js)：每個鏡頭定義相機 pos、look、fov、focusDist、dofStrength 以及演員姿勢。
4. 組裝資產 (library/js/rig.js)：
   • 硬性規則：始終使用直線雙骨骼關節式四肢（solveIK([shoulder, elbow, hand]) 和 solveIK([hip, knee, foot])）——絕不使用彎曲的軟管手臂。
   • 固定擺線運動：支撐腳鎖定在 3D 地面座標上，而擺動腳沿著世界空間的擺線弧線移動（零腳滑步）。
   • 三階段繪畫運動學：(1) 將刷子浸入 3D 鉻桶 (0.00..0.16)，(2) 沿 3D 樑柱直線向上筆畫 (0.16..0.58)，(3) 直線向下筆畫 (0.58..1.00) 伴隨手腕旋轉和刷毛展開反向。
5. 渲染故事板關鍵幀 (scripts/capture_frames.mjs)。
6. 自我檢查故事板 (references/11-ship-gates.md)：剪影可讀性、三分法眼部放置、無遮擋視線。
7. 以非線性緩動動畫 (library/js/easing.js)：對稱 smootherstep (glide) 用於相機移動，power2Out 用於減速，7 幀符號翻轉衝擊踢用於撞擊/折斷。
8. 抓取幀與拼接 (scripts/stitch.mjs)：真正的 30.0 FPS 未量化抓取（零卡頓或凍結幀）。
9. 在聯絡表上進行最終 QA (scripts/contact_sheet.py)。
10. 交付：可跳轉的 .html 工作室播放器 + 1080×1920 H.264 .mp4。