学习three.js很重要的一个环节就是学习怎么在屏幕上建立各种各样的形状,今天就对three.js提供的各种基本形状进行一次小小的总结。
(PS:基于three.js v73)请实时关注官方文档
1. 立方体:BoxGeometry
构造函数: BoxGeometry(width, height, depth, widthSegments, heightSegments, depthSegments)
参数解释:参数按顺序依次是,x轴边长,y轴边长,z轴边长,x轴切割数,y轴切割数,z轴切割数
上述参数可以理解为长、宽、高,以及每条边被分成几条线段。
2. 圆形:CircleGeometry
构造函数:CircleGeometry(radius, segments, thetaStart, thetaLength)
参数解释:圆半径,圆角分割数,起始角度,终末角度
基于以上参数,可以得到完整的圆形平面或者规定大小的扇形平面
3. 柱状体:CylinderGeometry
构造函数:CylinderGeometry(radiusTop, radiusBotto