Mousedown on objects + GUI界面

問題是：如果我將renderer.domElement添加到我的相機屬性中，GUI完美工作，但mousedown操作不起作用。Mousedown on objects + GUI界面

相反，如果我刪除了renderer.domElement，那麼mousedown動作可以正常工作，但是在我將鼠標移動後，GUI X會隨着鼠標移動而縮放。

下面是代碼：

function init() 
{ 

// scene 
scene = new THREE.Scene(); 

// camera 
var SCREEN_WIDTH = window.innerWidth, SCREEN_HEIGHT = window.innerHeight; 
var VIEW_ANGLE = 45, ASPECT = SCREEN_WIDTH/SCREEN_HEIGHT, NEAR = 0.1, FAR = 20000; 
camera = new THREE.PerspectiveCamera(VIEW_ANGLE, ASPECT, NEAR, FAR); 
camera.lookAt(scene.position); 
var distance = 1000; 
camera.position;y = 150; 
camera.position.z = 1500; 
scene.add(camera); 


// renderer 
renderer = new THREE.CanvasRenderer(); 
renderer.setSize(window.innerWidth, window.innerHeight); 


// controls 
controls = new THREE.TrackballControls(camera);

我怎樣才能解決這個問題，好嗎？

謝謝。

來源

2012-12-12 Malcom

試試這個：

controls = new THREE.TrackballControls(camera, renderer.domElement);

來源

2012-12-12 20:07:45 mrdoob

正如我所說的，如果我添加renderer.domElement到我的相機屬性的GUI完美的作品，但鼠標按下操作不起作用。 – Malcom

好吧。那麼我們只能猜測它會發生什麼。如果您可以將[jsfiddle]（http://jsfiddle.net）放在一起來突出顯示您的問題，那將會很有幫助。 – mrdoob

對不起，我不知道如何包含我的整個庫包，所以我給出了包含所有內容的.zip鏈接。對不起，不便之處：http://www.mediafire.com/download.php?vfclcwci81t7uc5。謝謝你的時間和耐心。 – Malcom

Mousedown on objects + GUI界面

回答

相關問題