ThreeJS 相机读取属性业务逻辑

253 阅读1分钟

相机的对象

  • 透视相机
  • 正交相机
  • 控制器

具体修改的属性

  • 切换成需要的相机(正交/透视)
  • 主要先设置透视相机的属性
    • 透视相机
      • position
      • lookat
      • fov
      • up
      • aspect
  • 使用 updateProjectionMatrix方法
  • 透视相机的参数来设置 正交相机
  • 设置正交相机的属性
    • 正交相机
      • height
      • up
      • plane(zoom)
  • 设置控制器的属性
    • Target属性
    • update控制器

window resize相关的代码

  • 透视相机
camera.aspect = width / height;
camera.updateProjectionMatrix();
  • 正交相机
cameraOrtho.left = - width / 2;
cameraOrtho.right = width / 2;
cameraOrtho.top = height / 2;
cameraOrtho.bottom = - height / 2;
cameraOrtho.updateProjectionMatrix();