Three.js中的几何体

1, CylinderGeometry

一个用来创建圆柱几何体模型的类

var geometry = new THREE.CylinderGeometry( 5, 5, 20, 32 );
var material = new THREE.MeshBasicMaterial( {color: 0xffff00} );
var cylinder = new THREE.Mesh( geometry, material );
scene.add( cylinder );

构造器(Constructor)
CylinderGeometry(radiusTop, radiusBottom, 
   height, radiusSegments, heightSegments, openEnded, thetaStart, thetaLength)
radiusTop — 圆柱体顶端半径. 默认值为20.
radiusBottom — 圆柱体底端半径. 默认值为20.
height — 圆柱体高度. 默认值为100.
radiusSegments — 围绕圆柱体周长的分割面数量. 默认值为8.
heightSegments — 沿圆柱体高度的分割面数量. 默认值为1.
openEnded — 指示圆柱体两端是打开还是覆盖的布尔值. 默认值为false, 意思是覆盖.
thetaStart — 第一个分割面的开始角度, 默认值 = 0 (3点钟方向).
thetaLength — 圆形扇形的圆心角通常称为θ。默认为2 * Pi,这形成了一个完整的圆柱体.

2,BufferGeometry 缓冲几何体:详情查看下面链接

Three.js 中文教程 | 参考手册 | 使用指南 | 动画特效实例 | 踏得网由踏得网翻译和编辑的Three.js在线中文文档和大量在线实例。Three.js是领先的WebGL开发JS库。https://techbrood.com/threejs/docs/#%E5%8F%82%E8%80%83%E6%89%8B%E5%86%8C/%E6%A0%B8%E5%BF%83%E6%A8%A1%E5%9D%97(Core)/%E7%BC%93%E5%AD%98%E5%87%A0%E4%BD%95%E6%A8%A1%E5%9E%8B(BufferGeometry)

3,   几何模型(Geometry)

注意:Geometry自从r125版本后已废弃,请使用BufferGeometry。BufferGeometry的性能更好。

这是所有几何模型的基类。
一个Geometry存有用来描述一个三维模型的所有必要数据。

BufferGeometry和Geometry的不同之处:就是两者的数据结构不同,缓冲类型几何体BufferGeometry比普通几何体Geometry性能更好。three.js在解析几何体对象的时候,如果几何体对象是普通几何体对象Geometry,WebGL渲染器会把普通几何体对象转换为缓冲几何体对象,然后再提取缓冲几何体对象的顶点信息,可以看出直接使用缓存几何体对象解析的时候相对Geometry少了一步,性能高一些,不过从开发者角度,Geometry对程序员更又好一些。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值