- 三.js教程
- Three.js - 主页
- Three.js - 简介
- Three.js - 安装
- Three.js - Hello Cube 应用程序
- Three.js - 渲染器和响应能力
- Three.js - 响应式设计
- Three.js - 调试和统计
- Three.js - 相机
- Three.js - 控件
- Three.js - 光与影
- Three.js - 几何
- Three.js - 材料
- Three.js - 纹理
- Three.js - 画线
- Three.js - 动画
- Three.js - 创建文本
- Three.js - 加载 3D 模型
- Three.js - 库和插件
- Three.js 有用资源
- Three.js - 快速指南
- Three.js - 有用的资源
- Three.js - 讨论
Three.js - 相机
相机类型
Three.js 中有两种类型的相机。
先生编号 | 相机及描述 |
---|---|
1 | Three.js 中有不同的相机。最常见的相机也是我们一直使用的相机是 PerspectiveCamera。 |
2 | 第二个最常见的相机是正交相机。它指定一个具有左、右、上、下、近和远设置的框。它以二维方式表示三维物体。 |
让相机跟随物体
在动画函数中,我们使用camera.lookAt函数将相机指向对象的位置函数。我们在渲染的每一帧中都执行此操作。看起来相机完全跟随物体的位置。
function animate() { const object = scene.getObjectByName('sphere') renderer.render(scene, camera) camera.lookAt(object.position) requestAnimationFrame(render) }