2016-10-05 5 views
1

をインスタンス化しようとすると、THREE.OrbitControlsはコンストラクタではありません:THREE.OrbitControlsはコンストラクタではありません。私がキャッチされない例外TypeErrorを得る:私は</p> <p>捕捉されない例外TypeErrorを取得し、私が終わるOrbitControlsのインスタンスを作成するために行くとき、私はそれを

enter image description here

私のコードは非常にシンプルですが、私は明らかに何かが欠けています。

var orbitalControl = new THREE.OrbitControls(camera, renderer.domElement); 

私が使用しているThree.jsのバージョンは、exampleダウンロードディレクトリからthreejs.orgのものです。私は何が欠けているかもしれないかのアイデア?

ありがとうございました。

+1

'OrbitControls.js'を読み込みましたか?メインコードの一部ではありません。 https://threejs.org/examples/misc_controls_orbit.html –

+0

こちらをご覧ください。これはhtmlファイルに含まれていました。 Dale

+0

本当にロードされていますか?それはプロパティを設定する必要があります。 –

答えて

2

THREE.OrbitControlsは、既存のTHREEグローバルオブジェクトを変更します。したがって、OrbitControlsスクリプト実行時にTHREE.jsのlibをロードする必要があります。

生のHTMLでスクリプトを追加する場合は、OrbitControls.jsがthree.js以下であることを確認してください。

何らかの種類のバンドラを使用している場合は、グローバルTHREE変数が設定されていることを確認してください。ローカル変数として3つしかない場合は、OrbitControlsを要求する前にwindow.THREE = THREE || {};を試してください。

関連する問題