Three.js之MeshBasicMaterial材质与MeshPhongMaterial材质

一、MeshBasicMaterial介绍

MeshBasicMaterial是一种非常简单的材质，这种材质不考虑场景中光照的影响。使用这种材质的网格会被渲染成简单的平面多边形，而且也可以显示几何体的线框，对场景中的雾化会有反应。

1、属性

property	属性名	功能
color	颜色	设置材质的颜色
wireframe	线框	设置这个属性的可以将材质渲染成线框，非常适合调试
wireframeLinewidth	线框宽度	如果已经打开了wirefreme，这个属性定义线框中线的宽度
wireframeLinecap	线框线段端点	这个属性定义了线框模式下顶点键线段的端点如何显示。可选的值包括butt（平）、round（圆）和square（方）默认值为round。在实际使用中，这个属性的修改结果很难看出来。WebGLRenderer对象不支持该属性。
wireframeLinejoin	线框线段连接点	这个属性定义了线段的连接点如何显示。可选的值有round（圆）、bevel
shading	着色	该属性定义如何着色。可选的值有THREE.SmoothShading、THREE.NoShading和THREE.FlatShading。默认值为THREE.SmoothShading，这将产生一个平滑的对象，看不到单个面
vertexColors	顶点颜色	可以通过这个属性给每个顶点定义不同的颜色。默认值为THREE.NoColors。如果将这个值设置为THREE.VertexColors，渲染器会采用THREE.Geometry对象的colors属性的值。该属性对象CanvasRend