threejs-animation について
オブジェクト、リグ、モーフターゲット、インポートした GLTF アニメーションを扱う Three.js 向けのスキルです。静的な描画ではなく、シーン内の動きを実装するタスクを対象とします。
主な機能
- 01オブジェクトとリグのアニメーション
- 02モーフターゲットのアニメーション
- 03インポートした GLTF アニメーション
- 04ミキサー、クリップ、キーフレーム
- 05プロシージャルな動きとブレンド
活用シーン
- 01Three.js シーン内のオブジェクトのアニメーション化
- 02リグやモーフターゲットの操作
- 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 シーンでモーション動作を構築している場合。
制限事項
- タスクが上記のスコープに明確に一致する場合にのみ、このスキルを使用してください。
- 出力を、環境固有の検証、テスト、または専門家によるレビューの代替として扱わないでください。
- 必要な入力、権限、安全上の境界、または成功基準が欠けている場合は、停止して明確化を求めてください。
コメント
Markdown 対応