mcpField
T
threejs-animation

threejs-animation

github.com/sickn33クリエイティブ・メディア48.8k141 回インストール今日更新
リポジトリ

threejs-animation について

オブジェクト、リグ、モーフターゲット、インポートした GLTF アニメーションを扱う Three.js 向けのスキルです。静的な描画ではなく、シーン内の動きを実装するタスクを対象とします。

主な機能

  1. 01オブジェクトとリグのアニメーション
  2. 02モーフターゲットのアニメーション
  3. 03インポートした GLTF アニメーション
  4. 04ミキサー、クリップ、キーフレーム
  5. 05プロシージャルな動きとブレンド

活用シーン

  1. 01Three.js シーン内のオブジェクトのアニメーション化
  2. 02リグやモーフターゲットの操作
  3. 03インポートした GLTF クリップの再生とブレンド

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/sickn33/agentic-awesome-skills --skill threejs-animation

インストール後、Claude Code で/threejs-animationを入力して読み込まれたか確認します。

同梱ファイルreferences/detailed-guide.md

詳細

Three.js アニメーション

詳細ガイド

このスキルを実行する前に、詳細ガイドをお読みください。完全な手順と参考資料が保持されています。その安全性、前提条件、検証要件は必須事項として扱ってください。集中的な作業では関連するセクションを読み込み、エンドツーエンドの作業ではガイドをすべてお読みください。

使用する場面

  • Three.js でオブジェクト、リグ、モーフターゲット、またはインポートした GLTF アニメーションをアニメーション化する必要がある場合。
  • タスクにミキサー、クリップ、キーフレーム、プロシージャルモーション、またはアニメーションブレンディングが含まれる場合。
  • 静的なレンダリングだけでなく、Three.js シーンでモーション動作を構築している場合。

制限事項

  • タスクが上記のスコープに明確に一致する場合にのみ、このスキルを使用してください。
  • 出力を、環境固有の検証、テスト、または専門家によるレビューの代替として扱わないでください。
  • 必要な入力、権限、安全上の境界、または成功基準が欠けている場合は、停止して明確化を求めてください。

コメント