2021-08-11

最新推荐文章于 2025-07-29 18:18:43 发布

ZR116118

最新推荐文章于 2025-07-29 18:18:43 发布

阅读量222

点赞数

CC 4.0 BY-SA版权

文章标签： javascript three.js

在使用Three.js TrackballControls的同时遇到GUI界面随鼠标移动的问题？解决方案是确保TrackballControls监听到了renderer的domElement。修复后，滑块操作将独立于鼠标位置。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

刚做threejs项目时，使用TrackballControls控制器，同时也加入了GUI控制器，如果只是点击是否还没上吗毛病出现，但是如果使用滑块时，GUI的条也会随着鼠标的移动发生移动！！！

如图：
在这里插入图片描述可以看到gui的控制界面也发生了变化。
代码：

function initContronller(){
        //控制器
        controls = new THREE.TrackballControls( camera);
        }

代码：
因为trackballControls鼠标事件侦听器没有监听到renderer dom元素。

    function initContronller(){
        //控制器
        controls = new THREE.TrackballControls( camera, renderer.domElement );
        }