スティックマンアニメーションスキル (animation-skill-main)
決定的でスタジオ品質の2D/3Dスティックフィギュアアニメーション（1080×1920 縦9:16、30.0 FPS）を生成します。HTML5 Canvas + WebGL2 / Three.js でレンダリングし、バンドルステップは不要。ヘッドレスChromium（window.seekToFrame(f)）で決定的フレームをキャプチャし、ffmpeg でMP4に結合します。
10ステップのプロダクションパイプライン
- パラメータの解釈と推論:
1080×1920（9:16 縦）、30.0 FPS、決定的フレームシーク。 - ビートシートとショートフォーム保持ルール:
- フック（
0–3秒）: 即座に視覚的なアクション + 事実として述べられるパラドックス。 - セットアップとエスカレーション:
1.5–2.5秒ごとに視覚的変化またはカメラリフレーム（A-B-A-C ショット交代）。 - 転換 / 科学的説明: 5つの異なる、繰り返さない物理的なカットアウェイまたは類推デモ（同じ図を二度使わない）。
- クライマックスとペイオフ: 感情的/皮肉な反転と壮大なクレーンの引き。
- フック（
- ショットへの分解（
story.json/timeline.js）: 各ショットはカメラのpos、look、fov、focusDist、dofStrength、およびアクターのポーズを定義します。 - アセットの組み立て（
library/js/rig.js）:- 厳格ルール: 必ず真っ直ぐな2ボーン関節スティック四肢を使用する（
solveIK([shoulder, elbow, hand])およびsolveIK([hip, knee, foot])）— 曲線のヌードルアームは禁止。 - 固定サイクロイド移動: スタンス足は3D地面座標に固定され、スイング足はワールド空間のサイクロイド弧に従う（「足すべりゼロ」）。
- 3フェーズ塗装キネマティクス: (1) ブラシを3Dクロームバケツに浸す（
0.00..0.16）、(2) 3D桁に沿って直線的に上にストローク（0.16..0.58）、(3) 手首の回転と毛先の広がりの反転を伴う直線的な下ストローク（0.58..1.00）。
- 厳格ルール: 必ず真っ直ぐな2ボーン関節スティック四肢を使用する（
- ストーリーボードキーフレームのレンダリング（
scripts/capture_frames.mjs）。 - ストーリーボードの自己チェック（
references/11-ship-gates.md）: シルエットの視認性、三分割法の視線配置、視線を遮るものがないこと。 - 非線形イージングによるアニメーション（
library/js/easing.js）: カメラ移動には対称smootherstep（glide）、減速にはpower2Out、スラム/スナップには7フレームの符号反転インパクトキック。 - フレームキャプチャと結合（
scripts/stitch.mjs）: 真の30.0 FPS、非量子化キャプチャ（停止やフリーズフレームゼロ）。 - コンタクトシートによる最終QA（
scripts/contact_sheet.py）。 - 納品: シーク可能な
.htmlスタジオプレイヤー +1080×1920H.264.mp4。