前端图形学（二十三）——你真的只需要了解的原生的WebGL( 二 )

2019-07-07

那么接下来要绘制的4个点该怎么办？

这时候就要用到我们的自定义变量了。

图中的apos就是我们自定义的位置变量。用于接收由CPU传过来的顶点数据。

一、找到apos这个变量在我们的程序对象中的索引位置。

var posPositionIndex = gl.getAttribLocation(shaderProgram,'apos');

//shaderProgram是我们上一节说到的程序对象的实例

二、定义我们需要的四个顶点的数据

var rectData = http://www.veick.cn/news/new Float32Array([.5,.5,-.5,.5,-.5,-.5,.5,-.5]);

//这里需要注意的是我们采用的是Float32Array类型化的数组。定义了长度为8的数组。因为现在还没有涉及到3D的概念，所以我们使用两组数据做了一个顶点。

推荐阅读

上一篇：博通拟150亿美元收赛门铁克；李彦宏述自动泊车新发展

下一篇：盖茨谈“混蛋”乔布斯：设计感无人能敌