Skip to content

3D和2D

image.png 上面两张图片,都是在一个平面上的图形而已,然而却分别描述了对象的不同特征,从而给我们带来了 2D 与 3D 这一视觉上的不同感受。 2D 表示对象的宽度和高度这两个平面特征,而 3D 除了表示对象的平面特征之外,还展示对象空间特征的**深度属性**

视点和视线

在三维场景中,观察者可以处于任何位置观看。为了定义一个观察者,需要考虑以下两点:

  • 视点:观察者的位置,视线的起点
  • 观察目标点:被观察目标所在的点。
  • 上方向:为了将观察者固定住,还需要指定上方向。

image.pngWebGL中,我们可以用三个矢量分别来表示视点观察目标点上方向,从而创建一个视图矩阵**(view matrix)**** ··。**

之所以称为视图矩阵,是因为它最终影响了显示在屏幕上的视图。

image.png

正确处理对象的前后关系