【问题标题】:Threejs rotate around object with mouse? (no mouseDown)Threejs用鼠标围绕对象旋转? (没有鼠标按下)
【发布时间】:2017-02-20 23:44:06
【问题描述】:

所以我正在寻找一种在 Threejs 中围绕对象旋转但不按住鼠标按钮的方法。我在这里有一个示例网站:http://www.dilladimension.com/,它使用 Threejs。一直在浏览论坛和 Threejs 文档,但我不知道如何在不按住鼠标的情况下围绕对象旋转。

非常感谢任何帮助!

【问题讨论】:

    标签: javascript three.js


    【解决方案1】:

    如果您想获得here 所示的那种鼠标交互,您可以:

    //Listen to mouse mouve events
    function onDocumentMouseMove( event ) {
        mouseX = ( event.clientX - windowHalfX );
        mouseY = ( event.clientY - windowHalfY );
    }
    
    
    //Update your camera position
    function render() {
        camera.position.x += ( mouseX - camera.position.x ) * .05;
        camera.position.y += ( - mouseY - camera.position.y ) * .05;
        camera.lookAt( scene.position );
        renderer.render( scene, camera );
    }
    

    希望这会有所帮助。

    【讨论】:

    • 这看起来不错,非常接近但还没有。运动是现场的我只是想知道是否有办法在一个物体周围进行全 360 度旋转?我是一个 Javascript 的菜鸟,所以对我来说太赤裸裸了!
    • @Bayron2304, this 可能会有所帮助(您需要调整代码并删除检查是否单击鼠标按钮的部分)
    • 谢谢,我去看看!
    猜你喜欢
    • 1970-01-01
    • 2014-12-27
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-09-10
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多