修改Threejs里的OrbitControls右键上下移动控制视图上下移动

最新推荐文章于 2024-09-30 06:00:00 发布

废柴小z

最新推荐文章于 2024-09-30 06:00:00 发布

阅读量357

点赞数

文章标签： three.js

原文链接：https://blog.csdn.net/niuge8905/article/details/94571694

版权

在原生的OrbitControls中，通过修改panUp方法可以实现右键上下移动时视图沿Y轴平移，而不是默认的缩放。关键在于将v.setFromMatrixColumn(objectMatrix,1)设置为获取对象矩阵的Y列并乘以距离作为平移量。

摘要由CSDN通过智能技术生成

在原生的OrbitControls里，右键上下移动，结果是视图放大缩小，这样的结果不是我的需求。应该是右键上下移动，视图也上下移动。那么怎么修改呢？

如下：修改一下panUp的方法即可，注释的部分是原来的代码。

var panUp = function () {

 

        var v = new THREE.Vector3();

 

        return function panUp( distance, objectMatrix ) {

 

            // if ( scope.screenSpacePanning === true ) {

 

            //  v.setFromMatrixColumn( objectMatrix, 1 );

 

            // } else {

 

            //  v.setFromMatrixColumn( objectMatrix, 0 );

            //  v.crossVectors( scope.object.up, v );

 

            // }

            v.setFromMatrixColumn( objectMatrix, 1 ); // get y column of objectMatrix

            v.multiplyScalar( distance );

 

            panOffset.add( v );

 

        };

 

    }();