youhebuke225的博客

目录

Shape用来定义一个二维形状平面官网常常与ShapeGeometry(形状缓冲几何体)搭配使用官网，我们可以下运行下面的例子。

一条曲线围绕空间中的某个轴进行旋转，会形成一个几何体这个在three.js中也是可以实现的，主要就是使用到了three.js中的，官网。

渲染如下然后我们新建了一个管道缓冲集合体参数如下

专栏目录请。

渲染出来的效果如下setFromPoints他是几何体Geometry的方法，通过该方法就可以把数组points的顶点数据提取出来复制给几何体的顶点位置属性同样缓冲几何体也有setFromPoints方法，不过他是将顶点数据赋值给直线当我们进行话直线的时候，首先要确定两点然后我们给他材质，然后添加到场景中为了能看清楚两端，我们还可以给他添加点模型渲染出来是这样的此外还有三维直线和二维直线在threejs中已经有相应的接口，供我们创建一条平滑的曲线，他是利用Catmul

层级模型就是一个树的结构，他有一个组的概念，对于组我们可以进行旋转、平移等操作，那么组内的物体也会进行同样的操作，我们可以看下面的例子渲染出来的效果如下当然，我们还可以查看场景的结构当前的add方式是继承自，像场景、网络模型、光源对象的add方法都是继承的同样remove方法也是继承自,他会删除父对象中的一个子对象，如下层级模型节点命名、查找、遍历模型命名一般我们可以通过name属性进行命名，如下例子一个简单的机器人模型渲染出来的结果如下我们进行遍历的时候一般使用方法，也可以遍历外部加

光源是对于自然界光照的模拟，往往为了更好的渲染场景，需要设置不同的光源，设置不同的光照强度。

点模型线模型网格模型如果设置网格模型的为，所有三角形会以线条的形式绘制出来位置位置属性也是一个三维向量对象Vector3，通过模型位置属性，可以设置模型在场景中的位置的默认值是平移使用translate进行平移沿着自定义的方向移动。执行、、等方法本质上改变的都是模型的位置属性。围绕向量旋转执行模型旋转的方法改变的是表示角度状态的属性或者四元属性，他们都表示角度状态复制与克隆three.js大多数对象都有克隆和复制两个方法表示B的属性复制给A克隆方法表示返回

所谓材质，就是平常我们所说的塑料材质，金属材质，纤维材质等实质上所有材质都是WebGL着色器代码的封装。

我们先写下面的例子，然后看打印那么常用的属性如下:顶点的位置数据:顶点的颜色数据:多个三角形面构成的数组 ，如图表示一个矩形平面几何体那么，我们常用的属性如下一般结合体的旋转、缩放、平移变换通过一下方法进行缩放平移旋转这些旋转本质上都是改变几何体的顶点坐标位置我们可以修改如下属性，来进行几何体的旋转和平移

他渲染出来的是这个样子然后，我们设置了顶点，使用Vector3,定义了顶点Vector3对象表示一个顶点的xyz坐标，顶点的法线向量几何体Geometry的顶点属性geometry.vertices和缓冲几何体属性BufferGeometry.attributes.position是对应的颜色我们以上面的代码为基础，加上以下代码渲染结果几何体Geometry的三角面属性和缓冲类型几何体BufferGeometry顶点索引属性相同，用来组织网络模型三角形的绘制上面代码的展示效果如下

顶点是由两个元素组成的顶点的位置与颜色我们会发现他是一一对应的关系这个属性是为了提供各种各样符合顶点的数据，比如顶点的颜色，顶点的位置数据，提供顶点属性的值，如当我们把下面代码修改成我们会发现他的渲染效果如下上面的代码没有设置法向量，他渲染的图形是下面这个样子的他的渲染就是下面这个样子的这样就有了光的散射顶点索引使用顶点索引的目的是用来复用顶点数据，什么是复用顶点数据呢，比如，下面这个矩形渲染如下我们先定义顶点然后我们去定义复用的索引我们可以看注释，也可以看下面的解释

如果想要展示出坐标系如下。

overflow;/* 隐藏body窗口区域滚动条 */}

我们一般调用定时器来进行一段时间执行代码。

我们可以直接赋值如下代码