深入理解Three.js中透视投影照相机PerspectiveCamera_perspectivecamera中心点-优快云博客

本文链接：https://blog.youkuaiyun.com/baby_duoduo/article/details/101510716

前言

在开始正式讲解透视摄像机前,我们先来理理three.js建模的流程。我们在开始创建一个模型的时候，首先需要创建我们模型需要的物体，这个物体可以是three.js中已经为我们封装好的，比如正方体，球体，平面等，当然我们也可以通过导入的方式导入模型文件。然后我们需要根据项目的需求为创建好的物体添加不同类型的材质，材质可以是纹理，颜色或者是贴图。物体和材质通过new Mesh（）方法就会组合成一个网格mesh，这个时候我们会通过three.js提供的渲染方法将创建好的网格mesh渲染到场景scene中。这个时候你可能会发现，为什么我的屏幕会一片漆黑，什么都没有，那是因为我们没有添加光照，没有光照的场景就好比身处一间没有灯光的房间。当灯光添加完之后我们就可以看到场景里我们创建的物体吗？NO，这个时候就需要我们今天的主角登场了。

照相机扮演的角色
简单来说照相机扮演的角色和我们看电影时放映机的角色差不多，照相机不断的拍摄我们创建好的场景，然后通过渲染器渲染到屏幕中，最后在屏幕中展现出创建的3d场景。一般情况下，照相机是禁止的，但是如果我们想看到我们创建场景中更多的视野的时候，可以通过不断的移动照相机来实现，如果一定要拿某一样东西来比喻，那用我们的眼睛是再适合不过的了。

three.js中照相机类型
three.js中提供了两种基本的照相机，分别是正投影相机OrthographicCamera和透视投影相机PerspectiveCamera。透视投影照相机对应投影到的物体的大小是随着距离逐渐变小的，而正投影照相机投影到的物体大小是不受距离影响的。两者区别可以通过下图简单说明：
在这里插入图片描述
虽然three.js中有正投影相机和透视投影相机两种，但是这篇文章仅仅涉及透视投影相机，正投影相机相关的知识点讲解会在后续提供。