Three.js不允许物体旋转

最新推荐文章于 2024-04-28 22:06:55 发布

糖朝

最新推荐文章于 2024-04-28 22:06:55 发布

阅读量626

点赞数 9

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/huang4998802/article/details/136644298

版权

本文介绍了如何在Three.js中加载外部模型后，禁用模型的旋转功能，并提供了一个使用鼠标滚轮事件实现精细缩放的示例代码。

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

Three.js加载外部模型后，只允许放大缩小，不允许旋转

const controls = new THREE.OrbitControls(camera, renderer.domElement);  
controls.enableRotate = false; // 禁用旋转

如果您想更细致地控制缩放操作，可以监听鼠标滚轮事件或触摸事件，并直接更新模型的缩放。

function onMouseWheel(event) {  
    event.preventDefault();  
    const delta = Math.sign(event.deltaY) * 0.01; // 根据需要调整缩放比例  
    model.scale.multiplyScalar(1 + delta);  
}  
  
window.addEventListener('wheel', onMouseWheel, { passive: false });