举荐:将NSDT场景编辑器退出你3D工具链
其余工具系列:NSDT简石数字孪生
顶点索引复用顶点数据
通过几何体BufferGeometry的顶点索引属性BufferGeometry.index能够设置几何体顶点索引数据,如果你有WebGL根底很容易了解顶点索引的概念,如果没有也没有关系,上面会通过一个简略的例子形象阐明。比方绘制一个矩形网格模型,至多须要两个三角形拼接而成,两个三角形,每个三角形有三个顶点,也就是说须要定义6个顶点地位数据。对于矩形网格模型而言,两个三角形有两个顶点地位是重合的。也就是说能够反复的地位能够定义一次,而后通过通过顶点数组的索引值获取这些顶点地位数据。
不应用顶点索引
上面通过几何体六个顶点定义了两个三角形,几何体的顶点地位数据、顶点法向量数据都是6个。
var geometry = new THREE.BufferGeometry(); //申明一个空几何体对象//类型数组创立顶点地位position数据var vertices = new Float32Array([ 0, 0, 0, //顶点1坐标 80, 0, 0, //顶点2坐标 80, 80, 0, //顶点3坐标 0, 0, 0, //顶点4坐标 和顶点1地位雷同 80, 80, 0, //顶点5坐标 和顶点3地位雷同 0, 80, 0, //顶点6坐标]);// 创立属性缓冲区对象var attribue = new THREE.BufferAttribute(vertices, 3); //3个为一组// 设置几何体attributes属性的地位position属性geometry.attributes.position = attribuevar normals = new Float32Array([ 0, 0, 1, //顶点1法向量 0, 0, 1, //顶点2法向量 0, 0, 1, //顶点3法向量 0, 0, 1, //顶点4法向量 0, 0, 1, //顶点5法向量 0, 0, 1, //顶点6法向量]);// 设置几何体attributes属性的地位normal属性geometry.attributes.normal = new THREE.BufferAttribute(normals, 3); //3个为一组,示意一个顶点的xyz坐标
顶点索引
上面代码通过几何体BufferGeometry的顶点索引BufferGeometry.index定义了一个矩形。通过顶点索引组织网格模型三角形的绘制,因为矩形的两个三角形有两个顶点地位反复,所以顶点地位数据、顶点法向量数据都只须要定义4个就能够。
var geometry = new THREE.BufferGeometry(); //申明一个空几何体对象//类型数组创立顶点地位position数据var vertices = new Float32Array([ 0, 0, 0, //顶点1坐标 80, 0, 0, //顶点2坐标 80, 80, 0, //顶点3坐标 0, 80, 0, //顶点4坐标]);// 创立属性缓冲区对象var attribue = new THREE.BufferAttribute(vertices, 3); //3个为一组// 设置几何体attributes属性的地位position属性geometry.attributes.position = attribuevar normals = new Float32Array([ 0, 0, 1, //顶点1法向量 0, 0, 1, //顶点2法向量 0, 0, 1, //顶点3法向量 0, 0, 1, //顶点4法向量]);// 设置几何体attributes属性的地位normal属性geometry.attributes.normal = new THREE.BufferAttribute(normals, 3); //3个为一组,示意一个顶点的xyz坐标通过顶点索引组织顶点数据,顶点索引数组indexes通过索引值指向顶点地位geometry.attributes.position、顶点法向量geometry.attributes.normal中顶面数组。// Uint16Array类型数组创立顶点索引数据var indexes = new Uint16Array([ // 0对应第1个顶点地位数据、第1个顶点法向量数据 // 1对应第2个顶点地位数据、第2个顶点法向量数据 // 索引值3个为一组,示意一个三角形的3个顶点 0, 1, 2, 0, 2, 3,])// 索引数据赋值给几何体的index属性geometry.index = new THREE.BufferAttribute(indexes, 1); //1个为一组
创立顶点索引数组的时候,能够依据顶点的数量抉择类型数组Uint8Array、Uint16Array、Uint32Array。对于顶点索引而言抉择整型类型数组,对于非索引的顶点数据,须要应用浮点类型数组Float32Array等。
类型数组 | 位数 | 字节 | 类型形容 | C语言等价类型 |
---|---|---|---|---|
Int8Array | 8 | 1 | 有符号8位整型 | int8_t |
Int16Array | 16 | 2 | 有符号16位整型 | int16_t |
Uint16Array | 16 | 2 | 无符号16位整型 | int16_t |
Int32Array | 32 | 4 | 有符号32位整型 | int32_t |
Uint32Array | 32 | 4 | 无符号32位整型 | uint32_t |
Float32Array | 32 | 4 | 单精度(32位)浮点数 | float |
Float64Array | 64 | 8 | 双精度(64位)浮点数 | double |
3D建模学习工作室