1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
|
const vs_src = `
attribute vec4 aVertexPosition;
uniform mat4 uModelViewMatrix;
uniform mat4 uProjectionMatrix;
void main() {
gl_Position = uProjectionMatrix * uModelViewMatrix * aVertexPosition;
}
`;
// Fragment shader program
const fs_src = `
void main() {
gl_FragColor = vec4(1.0, 1.0, 1.0, 1.0);
}
`;
export class ShaderInfo {
constructor(gl, program) {
this.program = program;
this.attribs = {
position: gl.getAttribLocation(program, 'aVertexPosition')
};
this.uniforms = {
projectionMatrix: gl.getUniformLocation(program, 'uProjectionMatrix'),
modelViewMatrix: gl.getUniformLocation(program, 'uModelViewMatrix')
};
}
}
export function init(gl) {
const vshader = loadShader(gl, gl.VERTEX_SHADER, vs_src);
const fshader = loadShader(gl, gl.FRAGMENT_SHADER, fs_src);
let program = gl.createProgram();
gl.attachShader(program, vshader);
gl.attachShader(program, fshader);
gl.linkProgram(program);
if(!gl.getProgramParameter(program, gl.LINK_STATUS)) {
alert("Unable to initialize shader program: " + gl.getProgramInfoLog(program));
return null;
}
return new ShaderInfo(gl, program);
}
export function loadShader(gl, type, src){
const shader = gl.createShader(type)
gl.shaderSource(shader, src);
gl.compileShader(shader);
if(!gl.getShaderParameter(shader, gl.COMPILE_STATUS)) {
alert('Failed to compile shader : ' + gl.getShaderInfoLog(shader));
gl.deleteShader(shader);
return null;
}
return shader;
}
|
