three

Three.js

クイックスタート

templates/basic-scene.html を最新のブラウザーで開くか、リポジトリを HTTP 経由で配信してください。

ブラウザーでの 3D シーン、WebGL による可視化、カメラとライティングの設定、アセットの読み込み、またはアニメーションループには、このスキルを使用してください。まずは templates/basic-scene.html の最小限のシーンから始め、必要に応じてジオメトリ、マテリアル、ライト、コントロールを追加してください。

基本的な選択肢

• 自然な 3D ビューには PerspectiveCamera を、テクニカルビューやアイソメトリックビューには OrthographicCamera を使用してください。
• Clock または経過時間のタイムスタンプを使って、アニメーションを時間ベースで管理してください。
• シーンを置き換える際は、ジオメトリ、マテリアル、テクスチャを破棄してください。
• 外部モデルには GLTF/GLB を使用し、再現性が重要な場合はアセットをローカルに保存してください。
• オブジェクト数がボトルネックになったら、インスタンシングと詳細度制御を優先してください。

このテンプレートでは、すぐに使える単独のデモ向けに CDN を使用しています。本番環境では Three.js のバージョンを固定してください。