マウスホバーで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レンダラーを使用しているため、おそらく動作しません。
https://stackoverflow.com/a/2695236/6448640 –
three.jsでは、orbit control.jsを経由してローテーションが発生します –