WebGL 简单范例 代码
使用 createBuffer() 建立一个新的 buffer
使用 bindBuffer() 将 g_VertexPositionBuffer 设定为目前使用的 buffer
建立三个 vertex 的位置信息,分别为 (0, 0.8, 0)、(-0.8, -0.8, 0)、(0.8, -0.8, 0)
将 vertices 的资料,写到目前 bind 的 buffer 里(也就是 g_VertexPositionBuffer)
而在这些需要的数据都建立完成后,就是 RunWebGL() 的最后,执行 main loop 的部分了~
setInterval( display, 30 );这行程序基本上就是透过 JavaScript 的定时器,每 30ms 去执行一次 display() 这个函式,来做画面的定时更新了;display() 的程序代码内容,则如下所列:
function display()
{
g_WebGLContext.clear( g_WebGLContext.COLOR_BUFFER_BIT );
g_WebGLContext.bindBuffer( g_WebGLContext.ARRAY_BUFFER, g_VertexPositionBuffer );
g_WebGLContext.vertexAttribPointer( g_VertexPositionAttribute, 3, g_WebGLContext.FLOAT, false, 0, 0 );