three.js - 改变鼠标移动的值，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; }

要得到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);