three.js - 轨道控制 : Set default camera zoom

标签 three.js

我在我的站点上使用 OrbitControls 脚本。默认情况下,它放大得有点远。

我想知道手动设置或设置默认相机变焦的最佳方式是什么?

最佳答案

在创建 OrbitControls 之前将相机位置设置为舒适的距离:

    const camera = new THREE.PerspectiveCamera(75, 1, 0.1, 1000)
    camera.position.z = -10

    // Now initialize camera controls
    const controls = new THREE.OrbitControls(camera, renderer.domElement)
    controls.rotateSpeed = 2.0
    controls.zoomSpeed = 5
    controls.panSpeed = 2
    controls.enableZoom = true
    // ...

关于three.js - 轨道控制 : Set default camera zoom,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50495273/

相关文章:

three.js - 如何确定平面是否在 Three.js 相机 Frustum 中

javascript - 如何使用三个JS在魔方的每个小立方体上加载图像

javascript - 设置线上两点之间的线条颜色

node.js - 三个在 Node.js 上使用 JSONLoader

Three.js 屏幕截图自定义大小(使用离屏渲染器?)

javascript - 旋转或移动对象后如何更新顶点几何

javascript - 轨道控制跟随鼠标,无需点击 Three.js

three.js - 使用动画蒙皮网格获得轮廓效果的最佳方法

three.js - 为什么我在 Three.js 中实现的置换贴图会断开球体极点处的顶点?

javascript - 三.js |通过 blender 光线转换导入的 .obj 模型