2017-08-13 20 views
1

マウスホバーでthree.jsオブジェクトの回転を止めたい機能を書いています。three.jsでマウスのホバーで回転を停止

function onDocumentMouseUp(event) { 
event.preventDefault(); 
mouse.x = (event.clientX/window.innerWidth) * 2 - 1; 
mouse.y = - (event.clientY/window.innerHeight) * 2 + 1; 
raycaster.setFromCamera(mouse, camera); 
var intersects = raycaster.intersectObjects(scene.group); 
if (intersects.length > 0) { 
    if (INTERSECTED != intersects[ 0 ].object) { 

    if (controls.AutoRotate) { 
     controls.autoRotate = false; 
    }  } 
    } 


} 

はなぜ分からないのですが、機能が働いていないされていませんどちらも、それはこっちいただきました問題を伝えるか、この問題に対する可能な解決策を提案するconsole.Canの誰にエラーを与えています。私はDOMエレメントをthree.jsの中に埋め込み、CSSレンダラーを使用しているため、おそらく動作しません。

+0

https://stackoverflow.com/a/2695236/6448640 –

+0

three.jsでは、orbit control.jsを経由してローテーションが発生します –

答えて

0

controls.AutoRotateが存在しないので、決して真となることはありません。

+0

ここにコード全体を掲載していません。 controls.AutoRotateはinit()関数でTrueに設定されています。 –

+0

'controls.AutoRotate'は' controls.autoRotate'と同じではありません – ClassikD

関連する問題