鼠标移动时改变值，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);