2

問題は次のとおりです。renderer.domElement をカメラ属性に追加すると、GUI は完全に機能しますが、マウスダウン アクションは機能しません。

逆に、renderer.domElement を削除すると、マウスダウン アクションは機能しますが、ホバーした後、マウスの動きに合わせて 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);

どうすれば修正できますか？

ありがとう。

4

1 に答える 1

0

これを試してください：

controls = new THREE.TrackballControls( camera, renderer.domElement );
于 2012-12-12T20:07:45.443 に答える