WebGL教程_Three.js教程_郭隆邦技术博客 郭隆邦_技术博客 Three.js免费视频教程

Three.js圆柱CylinderGeometry

通过CylinderGeometry类可以创建一个圆柱或圆台几何体。通过构造函数CylinderGeometry创建一个几何体,前两个参数如果相同是圆柱,不同就是圆台,分别表示上下底面的半径。

构造函数CylinderGeometry参数4表示圆柱圆周方向细分数,默认值是8,下面代码中设置的是48,你可以尝试不设置或者设置为8、10等比较低的值,你可以看到圆柱柱面不够光滑,想一个多棱柱,圆柱本质上你可以理解为一个多棱柱,只有参数4值比较大才能够是圆柱看起来比较光滑,但是也不能太大,过大的话,会导致三角形面数增多,渲染性能下降,具体都要,看情况设置,比如在场景中显示区域较小可以设置小写。

构造函数CylinderGeometry参数5是圆柱跟高度方向的细分数,默认值是1,因为高度方向是直线,可以不用像圆周方向一样细分数要设置一个较大的值,一般没有特殊需要,可以不用设置该参数,直接使用默认值就可以。

//创建一个圆柱几何体
// 6,6表示圆柱上下两个底面的半径
// 参数三23表示圆柱高度
// 参数四48表示圆柱圆周方向细分数
var geo = new THREE.CylinderGeometry( 6, 6, 23, 48 );
//创建一个圆台  圆台两个底面半径分别为3、6
var geo = new THREE.CylinderGeometry( 3, 6, 23, 48 );
本站版权所有,本站任何内容未经允许不得转载   备案号:豫ICP备16004767号 QQ群:187740169 (WebGL-Three.js教程)   邮箱:guolongbang@163.com