How to draw points
Draw points using the gl.POINTS drawing mode.
article
canvas
data
| Vertice | Index | x | y |
|---|---|---|---|
| 0 | 0 | 10 | 5 |
| 1 | 1 | 44 | 10 |
| 2 | 2 | 24 | 20 |
| 3 | 3 | 50 | 15 |
| 4 | 4 | 94 | 20 |
| 5 | 5 | 44 | 30 |
pixel
r
0
g
0
b
0
a
0
x
0
y
0
Fragment Shader
xxxxxxxxxx1
precision mediump float;2
3
uniform vec2 u_resolution;4
5
void main() {6
vec2 uv = gl_FragCoord.xy / u_resolution.xy;7
8
if (gl_FragCoord.x == 11.50) {9
gl_FragColor = vec4(1., 0., 0.0, 1.0);10
} else {11
gl_FragColor = vec4(uv.x, uv.y, 0.7, 1.0);12
}13
}14
Vertex Shader
xxxxxxxxxx1
precision mediump float;2
3
attribute vec2 a_position;4
uniform vec2 u_resolution;5
uniform float u_time;6
7
void main() {8
vec2 pos = a_position / u_resolution * 2.0 - 1.0;9
float x = sin(u_time) / 4. + pos.x;10
float y = cos(u_time) / 4. + pos.y;11
gl_Position = vec4(x, -y, 0.0, 1.0);12
}13