3D几何学中用顶点组成复杂的模型,o3d也不例外。本章介绍怎样定义几何图形的arrays(数组), buffers(缓冲), fields(域)及 streams(流)。
1、图形和基元(点、线、面)
三维图形是许多基元的集合,基元包含了组成图形的集合元素及其它的定点数据等信息。顶点数据保存在普通的JavaScript数组里,这些数组被添加到o3d缓冲(buffers)中。
2、缓冲(buffers)
一个缓冲是一组顶点数据的集合。逻辑上,缓冲又被划分为许多域(field),每个域容纳一种数据类型。域指定了数据类型(FloatField, UInt32Field
, 或者 UByteNField
)和每个逻辑块内数据元件(components )的数目。例如,一个保存顶点位置的缓冲中有一个容纳FloatField类型数据的域,域中有3个数据元件(components)分别是(X,Y,Z)。
var positionsField = positionsBuffer.createField('FloatField', 3);
除了坐标外,缓冲中还可以存放用来描述基元的颜色、法线、纹理贴图坐标、切线及每个顶点的其他信息。
缓冲区可以包含多个交错类型的数据,例如基元的每个顶点的位置和纹理贴图等。下面代码展示了如何创建一个缓冲(buffer)来保存位置和纹理贴图数据。
// 产生保存顶点数据的缓冲buffer
var vertexBuffer = g_pack.createObject('VertexBuffer');
var positionsField = vertexBuffer.createField('FloatField', 3);
var texCoordsField = vertexBuffer.createField('FloatField', 2);
vertexBuffer.set(interleavedPositionsAndTexcoordArray);