1.2.15 • Published 6 years ago
gfx.js v1.2.15
gfx.js
WebGL wrappings for graphics.
Install
npm install gfx.js
Usage
let gfx = window.gfx;
// init
let device = new gfx.Device(canvas);
// init resources
let program = new gfx.Program(device, {
vert: `
precision mediump float;
attribute vec2 a_position;
void main () {
gl_Position = vec4(a_position, 0, 1);
}
`,
frag: `
precision mediump float;
uniform vec4 color;
void main () {
gl_FragColor = color;
}
`,
});
program.link();
let vertexFmt = new gfx.VertexFormat([
{ name: gfx.ATTR_POSITION, type: gfx.ATTR_TYPE_FLOAT32, num: 2 },
]);
let vertexBuffer = new gfx.VertexBuffer(
device,
vertexFmt,
gfx.USAGE_STATIC,
new Float32Array([-1, 0, 0, -1, 1, 1]),
3
);
// update
function animate() {
device.setViewport(0, 0, canvas.width, canvas.height);
device.clear({
color: [0.1, 0.1, 0.1, 1],
depth: 1
});
device.setVertexBuffer(0, vertexBuffer);
device.setUniform('color', new Float32Array([1, 0, 0, 1]));
device.setProgram(program);
device.draw(0, vertexBuffer._numVertices);
requestAnimationFrame(animate);
}
requestAnimationFrame(animate);
});
Documentation
TODO
License
MIT © 2017 Johnny Wu
1.2.15
6 years ago
1.2.14
6 years ago
1.2.13
6 years ago
1.2.12
6 years ago
1.2.11
7 years ago
1.2.10
7 years ago
1.2.9
7 years ago
1.2.8
7 years ago
1.2.7
7 years ago
1.2.6
7 years ago
1.2.5
7 years ago
1.2.4
7 years ago
1.2.3
7 years ago
1.2.2
7 years ago
1.2.1
7 years ago
1.2.0
7 years ago
1.1.9
7 years ago
1.1.8
7 years ago
1.1.7
7 years ago
1.1.5
7 years ago
1.1.4
7 years ago
1.1.3
7 years ago
1.1.2
7 years ago
1.1.1
7 years ago
1.1.0
7 years ago
1.0.4
7 years ago
1.0.3
7 years ago
1.0.0
7 years ago
0.8.0
7 years ago