作者的课程，学习地址： https://www.lanqiao.cn/courses/3314

1、照相机：

使用Three.js创建的场景是三维的，但是通常情况下显示器是二维的，所以，三维场景如何显示在二维屏幕上呢？
照相机：定义了三维空间到二维屏幕的投影方式。
不同的投影方式，照相机又分为正交投影照相机与透视投影照相机。

1.1 正交投影与透视投影

透视投影：使用透视投影照相机获得的结果是类似人眼在真实世界中看到的有“近大远小”的效果
正交投影：使用正交投影照相机获得的结果就像我们在数学几何学课上老师教我们画的效果，对于在三维空间内平行的线，投影到二维空间中也一定是平行的
一般说来，对于制图、建模软件通常使用正交投影，这样不会因为投影而改变物体比例;
对于其他大多数应用，通常使用透视投影，因为这更接近人眼的观察效果;

1.2 正交投影照相机

构造函数：THREE.OrthographicCamera(left,right,top,bottom,near,far)

6个参数分别代表正交投影照相机拍摄到的空间的6个面的位置，这两个面围成一个长方体，成为视景体，
只有在视景体内部的物体才可能显示在屏幕上，而之外的物体会在显示前辈裁剪掉
- 为了保证照相机的横竖比例，需要保证(right-left)与(top-bottom)的比例与Canvas宽度与高度的比例一致
near与far都是指到照相机位置在深度平面的位置，而照相机不应该拍摄到其后面的物体，因此，这两个值应该均为正值。
为了保证场景中的物体不会因为太近或太远而被照相机忽略，一般near的值设置得较小，far值设置的较大，具体值应该视场景中物体的位置确定。

【ThreeJs】（2）照相机 | 正交投影照相机 | 透视投影照相机相关推荐

three相机在模型上_深入理解Three.js中透视投影照相机PerspectiveCamera
前言在开始正式讲解透视摄像机前,我们先来理理three.js建模的流程.我们在开始创建一个模型的时候,首先需要创建我们模型需要的物体,这个物体可以是three.js中已经为我们封装好的,比如正方体, ...
图形学笔记（四）变换——三维变换（三维旋转与欧拉角）、MVP变换、视图变换、投影变换（正交投影与透视投影）
图形学笔记(三)变换--缩放.镜像.切变图形学笔记(五)光栅化--屏幕.像素.屏幕空间.视口变换.基础图元与三角形.采样.包围盒.锯齿或走样文章目录 1 三维空间中的变换 1.1 三维空间中的齐次 ...
计算机图形学【GAMES-101】1、矩阵变换原理Transform(旋转、位移、缩放、正交投影、透视投影)
快速跳转: 1.矩阵变换原理Transform(旋转.位移.缩放.正交投影.透视投影) 2.光栅化(反走样.傅里叶变换.卷积) 3.着色计算(深度缓存.着色模型.着色频率) 4.纹理映射(重心坐标插值 ...
计算机图形学-正交投影与透视投影
本专栏内容整理了GAMES101的计算机图形学课程的主要内容,作为我学习计算机图形学的一份复习备份或叫做笔记.内容中如有错误,或有其他建议,欢迎大家指出. 附上GAMES101计算机图形学课程:GAM ...
【3】现代计算机图形学（正交投影，透视投影，MVP变换）
导读本节主要总结MVP变换(Model-View-Projection),来说明三维空间中的物体是如何映射到二维屏幕上的. 知识点 View/Camera Transformation(视图/相机变 ...
threejs CameraHelper 查看照相机的观察范围
简单例子这个例子,是在一个视图中,看到照相机的辅助线,也就是,一个照相机的观察访问这样,就需要两个照相机,一个是主照相机,一个是加有辅助线的照相机(有两种,正交和透视,这里辅助的使用的是正交的) ...
Three.js基础探寻二——正交投影照相机
本篇主要介绍照相机中的正交投影照相机. 第一篇传送门:Three.js基础探寻一 1.照相机图形学中的照相机定义了三维空间到二维屏幕的投影方式. 针对投影方式照相机分为正交投影照相机和透视投影照相机 ...
初学three.js(三)照相机之正交投影照相机
针对投影方式不同,照相机分为正交投影照相机与透视投影照相机正交投影照相机与透视投影照相机的区别. 1.透视投影照相机出来的效果是类似于人眼在真实世界中看到的有"近大远小"的效 ...
android Camera照相机技术（一）
Android SDK支持操作Android设备内置的照相机.从Android2.3开始,支持操作多个摄像头(主要指前置摄像头和后置照相机).通过照相机可以拍照和录像. 快速拍照(简单的拍照)直接看代 ...

【ThreeJs】（2）照相机 | 正交投影照相机 | 透视投影照相机

1、照相机：

1.1 正交投影与透视投影

1.2 正交投影照相机

【ThreeJs】（2）照相机 | 正交投影照相机 | 透视投影照相机相关推荐

最新文章

热门文章