3つのjsアニメーションについて

Question

私は3つのjsアニメーションで作業しています。私はシーンに球を持っています。その球にカーソルを置くたびに私のマウスを手のように変えてください。

私はこのような球を作成しました。

sphere = new THREE.Mesh(
    new THREE.SphereBufferGeometry(0.8, 32, 32), 
    new THREE.MeshPhongMaterial() 
); 
sphere.position.set(12.8, 0, 0); 
sphere.name="Hello"; 

scene.add（sphere）;

Answer 1

この目的でTHREE.Raycaster()と "mousemove"イベントリスナーを使用できます。それはあなたの問題を解決するかどうか

document.addEventListener("mousemove", onMouseMove, false); 

var objects = []; 
objects.push(sphere); 

var raycaster = new THREE.Raycaster(); 
var mouse = new THREE.Vector2(); 
var intersects; 

function onMouseMove(event) { 
    mouse.x = (event.clientX/window.innerWidth) * 2 - 1; 
    mouse.y = - (event.clientY/window.innerHeight) * 2 + 1; 
    raycaster.setFromCamera(mouse, camera); 
    intersects = raycaster.intersectObjects(objects); 
    if (intersects.length > 0) { 
     document.body.style.cursor = 'pointer'; // hand-like cursor 
    } else { 
     document.body.style.cursor = 'auto'; 
    }; 
}; 

jsfiddle例