orbital-hud-motion

軌道 HUD のモーション

装飾的な円はデザイン要素であり、埋め草ではありません。参照画像の構成から導き出し、主役を引き立てる必要があります。

デザインルール

• アバター／主役を際立たせます。リングは枠として機能させ、閉じ込めたり、圧倒したりしないようにします。
• 可能な場合は、参照画像から半径、弧の切れ目、マーカーの位置、破線の密度を導き出します。
• レイヤーを分けます。
  • 遠景／背景のオーラ：淡く、ゆっくりと、柔らかくします。
  • 中間の軌道：細い弧／破線にします。
  • マーカー／ドット：まばらに配置し、動きを同期させます。
  • 前景のアクセント：まれに短時間だけ表示します。
• 大きな回転／スケール変化より、不透明度／発光／破線の位相を優先します。
• すべてのリングを同じ方向／速度でアニメーションさせないでください。控えめな逆方向の動き／視差を使います。
• 明示的に要求されていない限り、コンテキストリングをベースアバターのメッシュ／エクスポートに含めないでください。

アニメーションの手順

1. AVATAR_BASE とは別に HUD_CONTEXT コレクションを作成します。
2. 正規化された半径と角度を記述したマニフェストから、弧／ドットを作成します。
3. 次の要素にキーフレームを設定します。
   • 破線のオフセットまたは弧の表示
   • 発光強度のパルス
   • 微細な回転（1ループあたり1～12度。要求がない限り、全周回転はしません）
   • 拍に合わせたマーカーの不透明度／スケールの瞬間的な変化
4. 主役のみの表示と HUD 付きの表示でコンタクトシートをレンダリングします。
5. リングが顔／シルエットを覆ったり、フレーム内で主役より目立ったりする場合は不採用にします。

厳守事項

• 参照画像に切れた弧／破線のガイドがある場合、ランダムな完全な円を使わないでください。
• 元画像にない限り、大きすぎるマーカーを使わないでください。
• 静止状態のアバターのベースラインが確定するまで、HUD アニメーションを加えないでください。
• GLB では、オブジェクトのトランスフォーム／マテリアルのキーフレームを使うか、実行時の要件を記載してください。

スクリプト

• scripts/orbit_layout_manifest.py は、シンプルな半径／角度パラメーターから、ソースに依存しない軌道マニフェストを作成します。