2016年12月7日
gl.vertexAtteib3f P42 讲数据传给location参数指定的attribute变量
摘要： 参数 location 指定将要修改的attribute变量存储位置 v0 指定填充attribute变量第一个分量的值 v1 指定填充attribute变量第二个分量的值 v2 指定填充attribute变量第三个分量的值 var　VSHADER_SOURCE= 'attribute vec4 a 阅读全文
posted @ 2016-12-07 14:41 ccsaber 阅读(175) 评论(0) 推荐(0) 编辑
gl.getAttribLocation P41 获取name参数指定的attribute变量存储地址
摘要： 参数 program 指定包含顶点着色器和片元着色器的着色器程序对象 name 指定想要获取其存储地址的attribute变量名称 var　VSHADER_SOURCE= 'attribute vec4 a_Position;\n'+ 'void main(){\n'+ 'gl_Position=a 阅读全文
posted @ 2016-12-07 14:35 ccsaber 阅读(1197) 评论(0) 推荐(0) 编辑
2016年12月6日
gl.drawArrays P78 P34 执行顶点着色器，按照mode参数指定的方式绘制图形
摘要： gl.drawArrays(mode,first,count); 参数 mode 指定绘图的方式，可接受以下常量的符号： gl.POINTS gl.LINES gl.LINE_STRIP gl.LINE_LOOP gl.TRIANGLES gl.TRIANGLES_STRIP gl.TRIANGLE 阅读全文
posted @ 2016-12-06 17:49 ccsaber 阅读(600) 评论(0) 推荐(0) 编辑
initShaders P30 在webgl内部建立和初始化着色器
摘要： initShaders(gl,vshader,fahader) 参数 gl 指定渲染上下文 vshader 指定顶点着色器程序代码 fahader 指定片元着色器程序代码 var VSHADER_SOURCE= 'void main (){\n'+ ' gl_Position=vec4(0.0,0. 阅读全文
posted @ 2016-12-06 17:49 ccsaber 阅读(373) 评论(0) 推荐(0) 编辑
gl.clear P21 清空颜色缓冲区
摘要： 参数 buffer 指定带清空的缓冲区，位操作符or(|)可用来清空多个缓冲区 gl.COLOR_BUFFER_BIT 指定颜色缓存 gl.DEPTH_BUFFER_BIT 指定深度缓冲区 gl.STENCIL_BUFFER_BIT 指定模板缓冲区 例子 gl.clearColor(0.0,0.0, 阅读全文
posted @ 2016-12-06 17:48 ccsaber 阅读(1657) 评论(0) 推荐(0) 编辑
gl.clearColor P20 指定绘图区颜色
摘要： gl.clearColor(red,green,blue,alpha); var canvas=document.getElementById('main'), gl=canvas.getContext('webgl'); gl.clearColor(0.0,0.0,0.0,1.0); 阅读全文
posted @ 2016-12-06 17:12 ccsaber 阅读(204) 评论(0) 推荐(0) 编辑