Three.js基礎(二)

calong發表於2020-09-25

在Three.js中Vector3的含義一般有兩種

  1. 表示三位空間中的一個點
  2. 表示一個方向,一般表示方向時都會使用normalize ()方法來將一個向量轉化為單位向量

當一個Vector3表示一個方向時指的是從原點向Vector3點射出的射線的方向
Three.js基礎(二)

確定攝像機及拍攝角度的元素有三個

  1. 位置(Position<Vector3>):表示空間中的一個點
  2. 上方向(Up<Vector3>):表示方向的一個(單位)向量
  3. 拍攝方向(LookAt<Vector3>):表示方向的一個(單位)向量
    Three.js基礎(二)
    圖中的立方體在(0, 0, 0)位置,RGB分別代表XYZ三維座標系

  1. 每個頂點有自己的顏色、位置、法向量屬性。其中法向量是用來計算3D光源疊加後的顏色的:每個頂點的法向量,根據光照入射方向和法向量的夾角,計算頂點的最終顏色。

  2. Three.js中一個面由三個頂點來確定,每個面有自己的材質,法向量屬性,面的位置由三個頂點的位置來確定,多個面可以組成一個Mesh
  3. 物體
    每個物體會由一個或多個Mesh組成。

世界座標是指全域性的xyz三維座標系,它是固定的,但是本地座標會隨著物體本身的旋轉角度而不斷改變。
Three.js基礎(二)

本作品採用《CC 協議》,轉載必須註明作者和本文連結

相關文章