mcpField
T
threejs-loaders

threejs-loaders

github.com/sickn33開発48.8k110 回インストール今日更新
リポジトリ

threejs-loaders について

Three.js Loaders は、Three.js のシーンアセットを管理する開発者向けのスキルです。モデル、テクスチャ、HDR などの外部リソース読み込みを扱い、ジオメトリやシェーダーの作成ではなく、ローダー、進捗管理、非同期処理に焦点を当てます。

主な機能

  1. 01モデルとテクスチャの読み込み
  2. 02HDR と外部アセットの読み込み
  3. 03GLTFLoader と TextureLoader の利用
  4. 04読み込み進捗の追跡
  5. 05非同期アセット読み込みの調整

活用シーン

  1. 01Three.js シーンへのモデル読み込み
  2. 02シーンへのテクスチャや HDR の取り込み
  3. 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、読み込みの進捗、または非同期アセットのオーケストレーションが含まれる場合。
  • ジオメトリやシェーダーを直接作成するのではなく、シーンのアセットを管理する場合。

制限事項

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

コメント