本篇介绍如何动态设置着色器的位置、大小和色彩
全篇目录
设置位置和大小
修改
index.vs
, 添加两个变量及将变量值指向gl_Position和gl_PointSize
1 | attribute vec4 a_Position; |
- attribute只可以在顶点着色器中使用
- vec4是一种类型,表示四个浮点数
修改javascript
以下代码在useProgram后执行
1 | // 定位变量位置 |
设置颜色
修改
index.fs
, 同上,添加变量并设置变量
1 | precision mediump float; |
- 片段着色器变量使用uniform声明
precision mediump float;
是修改精度的,必须定义,可选值为lowp
mediump
highp
修改javascript
以下代码在useProgram后执行
1 | const u_FragColor=gl.getUniformLocation(glProgram,'u_FragColor'); |