Three.js之“近小远大”的视锥体

2023年刚过完新年，曾经当我在家试图给父母讲解二维面是如何产生三维效果的时候，我并没有讲清楚，这很正常，这涉及到了美术，数学，摄像光影等多学科多专业内容，属于综合产物

无论是小学的自然科学，还是生物美术，总是要学到“近小远大”的道理

如下面是three.js编写的案例，来帮助我们理解二维面上是怎么渲染出三维效果的;我认为这种技术最初出现在uity游戏领域，产出代表就是3A大作；

右面是设计原理，内置了一个摄像机，跟随我们要展示在二维面上的物体；这两个球体模仿的应该是行星环绕（具有真实的物理引擎），而我们的目标就是让这份物理规律浅显易懂地展示出来

注意，两边的效果是实时内容转化，其中摄像机最开始的红色范围对应了我们生物学上人眼的焦距17cm,（这里是模拟他的比例，并不是真实17cm）；在黄色范围内均为可见范围，当球体太近或者太远超出黄色可见范围后，在左边的摄像机拍摄出的画面里是不会显示的

如此便达到了人类依照眼球视觉标准定义的3纬，而这些表现出来的产物被称作3D