變化值，three.js所

Question

我有這方面 var geometry = new THREE.SphereGeometry(50, 64, 32); 我想創建像 function onMouseMove(event){ mouseX = (event.clientX - window.innerWidth/2)/window.innerWidth/2; mouseY = (event.clientY - window.innerHeight/2)/window.innerHeight/2; }

一個fonction要獲得SphereGeometry(50, MouseX*64, MouseY*32)

但我不能找到合適的辦法寫這個.. 有人可以幫助我，謝謝。

Answer 1

更改網格的位置並重新渲染。

mesh.position.x = x; 
mesh.position.y = y; 
mesh.position.z = z; 

您可以使用事件到你的鼠標移動綁定：

canvas.addEventListener('mousemove', onMouseMove, true);