threejs-web

Three.js Web プロジェクト

プロジェクトにインストールされているバージョンと既存のアーキテクチャを使用してください。以下の指示はユーザーのタスクを補足するものであり、無関係な変更や外部での操作を許可するものではありません。

依頼内容とリポジトリから、目に見える成果、インタラクション、アセット入力、既存の技術スタック、対象デバイスを把握してください。選択済みのフレームワークとアートディレクションを維持してください。実装を大きく妨げる判断についてのみ質問してください。

パッケージマニフェスト、ロックファイル、ルート、スタイル、現在のキャンバスの所有者、利用可能なアセットを確認してください。インストール済みの Three.js のリビジョン、レンダラーバックエンド、関連パッケージのピア要件を記録してください。これらのバージョンに合ったドキュメントまたはソースを使用し、サンプルに合わせるためだけに技術スタックをアップグレードしないでください。

まず、レスポンシブなキャンバス、代表的な題材、カメラのフレーミング、1 つのインタラクション、実用的な読み込み状態とエラー状態を備えた垂直スライスを作成してください。その後、依頼された詳細を追加してください。製品テキスト、ナビゲーション、フォーム、主要なアクションはセマンティック HTML にしてください。

ルーティングガイドから、関連するスペシャリスト向け指示のみを選んでください。スキルは、焦点を絞ったガイダンスとして任意で使用するものであり、すべてのワークフローを実行する必要はありません。このスキルのみがインストールされている場合は、要件に沿って実装し、公式ドキュメントを直接参照してください。

実際のデバイスに合わせて、アセットとフレームの予算を定めてください。エクスペリエンスに応じて、リサイズ処理、明示的なリソース所有権、モーション低減、WebGL 非対応時のフォールバックを追加してください。コンパイルだけでなく、ブラウザーで目に見える結果を確認してください。実装した内容、実際に行ったチェック、未解決のデバイスまたはアセットの制限を報告してください。公開に関する指示は、ユーザーの依頼にない外部公開を許可するものではありません。

API リファレンス

正確なシグネチャとリビジョン固有の動作については、公式ドキュメントを参照してください。ドキュメントにアクセスできない場合は、インストール済みの型定義またはソースを確認し、残る不確実性を明記してください。