threejs入门详解（三）

绘制图像

Geometries(几何图形)、Materials(材质)、Lights(灯光)、Controls(控制器)、Loaders（加载器）

一、图像的表示

1、Materials(材质)

几何体表面的材料。所有材质均继承自Material

材质属性	描述
color	材质颜色，比如蓝色0x0000ff
wireframe	将几何图形渲染为线框。 默认值为false
opacity	透明度设置，0表示完全透明，1表示完全不透明
transparent	是否开启透明，默认false

2、几何体Geometry

二维几何体

• THREE.CircleGeometry（圆形）

属性	必填	描述
radius	否	半径，默认50
segments	否	数量越多圆越光滑。最小为3，默认8
thetaStar	否	定义从哪开始画，范围是 0-2π，默认0
thetaEnd	否	定义圆从哪结束绘制，默认 2π（整圆）

• THREE.PlaneGeometry（平面）

属性	必填	描述
width（宽度）	是	指定矩形宽度
height（高度）	是	指定矩形高度
widthSegments（宽度段数）	否	指定矩形宽度应该划分为几段。默认值为1
heightSegments（高度段数）	否	指定矩形高度应该划分为几段。默认值为1

• THREE.RingGeometry 环形

属性	必填