アートスタイルアニメーション → HyperFrames
エンジン
- huashu-art-motion (
~/.claude/skills/huashu-art-motion、setup.sh でインストール): 決定論的キャンバスエンジン (window.renderFrame(t))、ペイントライブラリPAINT（ストローク、ハーフトーン、ピクセレート、ダブ、モザイク、ファセット、 inkWash、ブラシ、カット → Path2D）、TOON（フラットシェーディング）、CAM（pushTo ダイブ）。API については SKILL.md を参照してください。 - claude-animation プラグイン (手描き2D、テクスチャ加工エディトリアル／水彩風) — 別のルックを提供します。
- HyperFrames はアセンブリ、タイトル、サウンド、キャプション、最終レンダリングを行います。
有効なワークフロー
- カスタムシーン、プリセットは使いません。 huashu の
render.py --specクリップは中央ノード＋衛星を描画し、マインドマップとして読み取ります。見せられる品質のものには、シーンを記述します:scripts/engineをvideos/<name>/engineにコピーし、demos/<film>/eras.js+<film>.jsを作成してSCENES['id'] = (g, t, W, H) => {...}を登録します。 - Kurzgesagt ルック: 連続した一つの世界に、TOON シェーディング、リムライト、ゆっくりとした
CAM.pushToダイブで各レイヤーへ 移動（「内部の仕組み」）、Poppins/丸みを帯びた書体、スケールバーとラベルがビートに合わせてポップインします。 - 画家スタイル: 被写体を一度作成し、各スタイルのブラシでレンダリングします（ゴッホ = フローフィールドに沿った方向性ストローク; リキテンスタイン = ハーフトーン＋黒い輪郭; 草間彌生 = ドット; キュビスム = ファセット ~nx26/ny16 で少しずらす — ファセットが多すぎると破綻します; 水墨 = inkWash; 8ビット = ピクセレート＋パレット）。
- レンダリング (30fps、エンジンのデフォルトは60):
uv run --with playwright python render.py --film demos/<film> --solo <id> --no-counter --fps 30 --from 0 --to <s> --out clip.mp4（縦向きの場合は--width 1080 --height 1920）。 - HyperFrames でアセンブル: クリップを
<video class="clip">として配置し、タイトル／ラベルを HTML で上部に重ね、scoreスキルでスタイル変更のたびにヒットするスコアを付け、レンダリング、loudnorm −14 を適用します。
全スタイルをレンダリングする前に、各スタイルのフレームを1つ確認してください — コード上では問題なく見えるアルファ／ウォッシュ設定も、実際の映像では濁って見えることがよくあります。