Threejsツールチップ

Question

これは重複する可能性がありますが、まだ何も見つかりませんでした。 マウスのホバーでツールチップを作成しようとしています。 （透視カメラ）

ツールチップの問題： https://jsfiddle.net/thehui87/d12fLr0b/14/

threejs R76

function onDocumentMouseMove(event) 
{ 
    // update sprite position 
    // sprite1.position.set(event.clientX, event.clientY, 1); 

    // update the mouse variable 
    mouse.x = (event.clientX/window.innerWidth) * 2 - 1; 
    mouse.y = - (event.clientY/window.innerHeight) * 2 + 1; 

    var vector = new THREE.Vector3(mouse.x, mouse.y, 0); 
    vector.unproject(camera); 

    var dir = vector.sub(camera.position).normalize(); 
    var distance = - camera.position.z/dir.z; 
    var pos = camera.position.clone().add(dir.multiplyScalar(distance)); 
    sprite1.position.copy(pos); 


} 

しかし、私は、ツールヒントが遠ざかるカメラを軌道に一度。

ツールチップの参考情報です。

• http://stemkoski.github.io/Three.js/Mouse-Tooltip.html

• Three.js - Object follow mouse position

誰もが親切にstackoverflowの上の正しい答えに私を指すか、代替ソリューションを提供することができれば。

おかげ

Answer 1

は交換してください：によって

var vector = new THREE.Vector3(mouse.x, mouse.y, 0); 

：

var vector = new THREE.Vector3(mouse.x, mouse.y, 1);