threejs-loaders について
Three.js Loaders は、Three.js のシーンアセットを管理する開発者向けのスキルです。モデル、テクスチャ、HDR などの外部リソース読み込みを扱い、ジオメトリやシェーダーの作成ではなく、ローダー、進捗管理、非同期処理に焦点を当てます。
主な機能
- 01モデルとテクスチャの読み込み
- 02HDR と外部アセットの読み込み
- 03GLTFLoader と TextureLoader の利用
- 04読み込み進捗の追跡
- 05非同期アセット読み込みの調整
活用シーン
- 01Three.js シーンへのモデル読み込み
- 02シーンへのテクスチャや HDR の取り込み
- 03シーンアセットの非同期読み込み管理
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ sickn33/ agentic-awesome-skills --skill threejs-loadersインストール後、Claude Code で/threejs-loadersを入力して読み込まれたか確認します。
同梱ファイルreferences/detailed-guide.md
詳細
Three.js ローダー
詳細ガイド
このスキルを実行する前に、詳細ガイドをお読みください。完全な手順と参考資料が記載されています。その安全性、前提条件、検証要件は必須事項として扱ってください。特定の作業に絞って進める場合は該当するセクションを読み込み、エンドツーエンドの作業を行う場合はガイド全体をお読みください。
使用する場面
- Three.js でモデル、テクスチャ、HDR アセット、その他の外部リソースを読み込む必要がある場合。
- タスクに
GLTFLoader、TextureLoader、読み込みの進捗、または非同期アセットのオーケストレーションが含まれる場合。 - ジオメトリやシェーダーを直接作成するのではなく、シーンのアセットを管理する場合。
制限事項
- タスクが上記の範囲に明確に一致する場合にのみ、このスキルを使用してください。
- 出力を、環境固有の検証、テスト、専門家によるレビューの代わりとして扱わないでください。
- 必要な入力、権限、安全上の境界、または成功基準が不足している場合は、作業を停止して確認を求めてください。
コメント
Markdown 対応