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;

イベントを使用して mousemove をバインドできます。

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