【three.js学习笔记】网孔（Mesh）

最新推荐文章于 2025-03-07 08:40:21 发布

weixin_34273479

最新推荐文章于 2025-03-07 08:40:21 发布

阅读量575

点赞数 1

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000014399024

本文详细介绍了Three.js中MESH对象的概念及其使用方法，包括构造器、属性及方法等核心内容。通过实例展示了如何创建一个基本的三维网格模型，并解释了其背后的原理。

MESH

网孔对象的基类
MESH就是一系列的多边形组成的，三角形或者四边形，网格一般由顶点来描绘，我们看见的三维开发的模型就是由一系列的点组成的。

var geometry = new THREE.BoxGeometry( 1, 1, 1 );
var material = new THREE.MeshBasicMaterial( { color: 0xffff00 } );
var mesh = new THREE.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 — 一个变形标的（morph target）对象的名称。
返回一个给定名字的变形标的的索引。

updateMorphTargets ()

更新 morphtargets 使其不对对象产生影响。重置 morphTargetForcedOrder, morphTargetInfluences, morphTargetDictionary, 和 morphTargetBase 属性。

raycast ( raycaster, intersects )

得到光线投射和网孔之间的交叉点。Raycaster.intersectObject 将调用该方法。

clone ()

返回这个网孔对象及其子对象的克隆。