【three.js学习笔记】网孔(Mesh) - SegmentFault 思否
文章推薦指數: 80 %
MESH就是一系列的多边形组成的,三角形或者四边形,网格一般由顶点来描绘,我们看见的三维开发的模型就是由一系列的点组成的。
var geometry = new THREE.
注册登录问答专栏课程招聘活动发现✓使用“Bing”搜本站使用“Google”搜本站使用“百度”搜本站站内搜索注册登录首页专栏javascript文章详情0【three.js学习笔记】网孔(Mesh)梵鹿发布于2018-04-15
MESH
网孔对象的基类MESH就是一系列的多边形组成的,三角形或者四边形,网格一般由顶点来描绘,我们看见的三维开发的模型就是由一系列的点组成的。
vargeometry=newTHREE.BoxGeometry(1,1,1);
varmaterial=newTHREE.MeshBasicMaterial({color:0xffff00});
varmesh=newTHREE.Mesh(geometry,material);
scene.add(mesh);
构造器(Constructor)
Mesh(geometry,material)
geometry:几何模型(Geometry)
material:材料(Material)
属性(Properties)
geometry
一个几何模型(Geometry)实例,用来定义对象的结构。
material
一个材料(Material)实例,用来定义对象的外观。
缺省是一个启用线框模式和随机颜色的基础网孔材料(MeshBasicMaterial)。
morphTargetInfluences
一个权重值数组,取值从0到1,指定变形程度。
默认为undefined,在调用updateMorphTargets方法时,会被重置为一个空数组。
morphTargetDictionary
一种基于morphTarget.name属性的morphTargets对象词典。
默认为undefined,在调用updateMorphTargets方法时,会被重构。
morphTargetBase
指定该索引处的morphTarget为基础变形。
默认为undefined,在调用updateMorphTargets方法时,会被重置为-1。
方法(Methods)
getMorphTargetIndexByName(name)
name—一个变形标的(morphtarget)对象的名称。
返回一个给定名字的变形标的的索引。
updateMorphTargets()
更新morphtargets使其不对对象产生影响。
重置morphTargetForcedOrder,morphTargetInfluences,morphTargetDictionary,和morphTargetBase属性。
raycast(raycaster,intersects)
得到光线投射和网孔之间的交叉点。
Raycaster.intersectObject将调用该方法。
clone()
返回这个网孔对象及其子对象的克隆。
three.jsjavascript阅读5.4k更新于2018-04-15赞收藏分享本作品系原创,采用《署名-非商业性使用-禁止演绎4.0国际》许可协议梵鹿哈241声望37粉丝关注作者0条评论得票最新提交评论梵鹿哈241声望37粉丝关注作者文章目录跟随宣传栏▲
延伸文章資訊
- 1three.js的世界觀
const mesh = new THREE.Mesh(geometry, material); return mesh; };. 除了scene以外,還有另一樣東西叫做camera,camer...
- 2Three.js API手册/ Mesh - 汇智网
网格(Mesh). 表示基于以三角形为polygon mesh(多边形网格)的物体的类。 同时也作为其他类的基类,例如SkinnedMesh。 示例. var geometry = new TH...
- 3[Day12] webGL 框架- Three.js 簡介 - iT 邦幫忙
建立場景(通常透過new THREE.Scene()) · 建立物件(mesh). 建立幾何形狀; 建立材質 · 加入攝影機 · 加入燈光 · 呼叫 renderer.render 繪製場景。
- 4three-mesh-bvh - npm
three-mesh-bvh. TypeScript icon, indicating that this package has built-in type declarations · Ke...
- 5网格(Mesh)