THREE.PointerLockControls（）返回「不確定是不是一個函數」

Question

我想實現移動的攝像機在三個像這樣：

function initThree(){ 
    scene = new THREE.Scene(); 
    camera = new THREE.PerspectiveCamera(75,window.innerWidth/window.innerHeight,0.1,1000); 
    renderer = new THREE.CanvasRenderer(); 
    renderer.setSize(window.innerWidth,window.innerHeight); 
    document.body.appendChild(renderer.domElement); 
    geometry = new THREE.CubeGeometry(1,1,1); 
    material = new THREE.MeshBasicMaterial({color:0x00ff00}); 
    cube = new THREE.Mesh(geometry,material); 
    scene.add(cube); 
    camera.position.z=5; 
    controls = new THREE.PointerLockControls(camera); //fails at this line 

} 

在線條爲標誌，我得到以下錯誤：

Uncaught TypeError: undefined is not a function 

但是，有關於this頁面的示例嗎？我目前正在使用本地副本this THREE版本。

任何幫助將是偉大的！

Answer 1

你會得到該錯誤，因爲controls不是main source的一部分。如果你想使用控件，你可能需要單獨包含它們。看到這個related post。