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

zhangke3016 发布于2019-08-22 16:21 / 1071人阅读

摘要：缺省是一个启用线框模式和随机颜色的基础网孔材料。一个权重值数组，取值从到，指定变形程度。指定该索引处的为基础变形。更新使其不对对象产生影响。得到光线投射和网孔之间的交叉点。返回这个网孔对象及其子对象的克隆。

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 ()

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

GPU云服务器云服务器 three.js three.js极客 three.js教程 three.js cdn

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/94273.html

three.js入门练习 (1)

摘要：入门本文引用需对三维图形学有一定的认知，掌握基础了解物体场景相机渲染器开始常量定义创建场景创建远景相机创建一个盒子创建材质转换成网孔对象的基类将物体放入场景内创建渲染器将我们定义的场景和相机渲染出来如上会绘制一个正方体在页面，我们让他动起来 threejs入门本文引用https://cdn.bootcss.com/three... 需对三维图形学有一定的认知，掌握javascr...

Object 2019-08-23 10:39 评论0 收藏0
WebGL three.js学习笔记自定义顶点建立几何体

摘要：自定义顶点建立几何体与克隆本身已经有很多的网格模型，基本已经够我们的使用，但是如果我们还是想自己根据顶点坐标来建立几何模型的话，也是可以的。并且不仅要更新顶点，还要更新线条的连接方式，否则是没有效果的。自定义顶点建立几何体与克隆 Three.js本身已经有很多的网格模型，基本已经够我们的使用，但是如果我们还是想自己根据顶点坐标来建立几何模型的话，Three.js也是可以的。基本效果...

joyvw 2019-08-23 17:06 评论0 收藏0
WebGL three.js学习笔记纹理贴图模拟太阳系运转

摘要：纹理贴图的应用以及实现一个太阳系的自转公转点击查看演示地址中的纹理纹理贴图是通过将图像应用到对象的一个或多个面，来为对象添加细节的一种方法。纹理贴图的应用以及实现一个太阳系的自转公转点击查看demo演示 demo地址：https://nsytsqdtn.github.io/d... three.js中的纹理纹理贴图是通过将图像应用到对象的一个或多个面，来为3D对象添加细节的一种...

Pandaaa 2019-08-23 17:06 评论0 收藏0
【three.js学习笔记】几何体

摘要：构造函数分别是长宽高是对应长宽高的分段，在使用线模式进行渲染的时候，可以看到效果如下。长宽高分别被截为段，段，段。球体构造函数球体半径水平方向和垂直方向上分段数。最小值为，默认值为。构造函数形状数组可选的参数对象，可配置参数。 Geometry api Geometry var geometry = new THREE.Geometry(); 立方体（BoxGeometry）老版本...

dendoink 2019-08-22 16:04 评论0 收藏0
【three.js学习笔记】光

摘要：环境光的位置对呈现的效果无任何效果环境光的构造函数只有一个参数进制的颜色值。半球光点光源点光源的光线来自同一点，并向外发射。点光源的构造函数有三个参数，比平行光多了一个距离参数，光会从光源经过的距离一路衰减为。 Lightapi 光源的基类。 Light( color, intensity ) color 光源颜色的RGB数值 intensity 光源强度的数值。看到的颜色使...

YancyYe 2019-08-22 16:21 评论0 收藏0