three.JS图像

272 阅读1分钟

3D世界是由点组成,两个点能够组成一条线,三个不在一条直线上的点就能过够组成一个三角面片,无数个三角面片就能组成各种各样形状的物体,通常把这种网格模型叫做Mesh模型。Mesh模型是三位卡法中使用最为广泛的型。


1.形状(Geometry)
three.js给出了很多方法去生成固定的形状,比如长方体(BoxGeometry)、球体(SphereGeometry)、圆形(CircleGeometry)等等。还能根据坐标去生成具体形状的方法,可以借助第三方建模软件建模之后引入,转换为坐标后再生成,就可以做比较复杂的形状。

2.材质(Material)
材质就像是物体的皮肤,决定物体外表的样子。外表的纹理,贴图等等。
常用材质有:

  • 网格基础材质(MeshBasicMaterial): 这种材质不受光照影响,不需要光源即可显示出来。
  • 网格法向材质(MeshNormalMaterial):这种材质不受光照的影响,不需光源即可显示出来。并且每个方向的面的颜色都不同,同一个方向面的颜色是相同的。“该材质一般用于调试”。 
  • 网格朗博材质(MeshLambertMaterial):该材质会受到光照的影响,没有光源不会显示出来,用于创建表面暗淡,不光亮的物体。    
  • 网格Phong材质(MeshPhongMaterial):该材质会受到光照的影响,没有光源时不会显示出来,用于创建光亮的物体。