gl-obj.js Back

gl-obj.js is a JavaScript file, which aims to create an WebGL object, taking vertex shaders, and fragment shader as inputs.

const WebGL = require('webgl.js');

function GL(canvas, options, vert, frag) {
    this.canvas = canvas;
    this.width = canvas.width;
    this.height = canvas.height;

    this.gl = WebGL.getContext(canvas, options);
    this.program = this.createProgram(vert, frag);
    this.useProgram(this.program);
}

const PROTO = GL.prototype;
Object.assign(PROTO, {
    createProgram(...args) { return WebGL.createProgram.apply(0, [this.gl, ...args]) },
    createTexture(...args) { return WebGL.createTexture.apply(0, [this.gl, ...args]) },
    createUniform(...args) { return WebGL.createUniform.apply(0, [this.gl, this.program, ...args]) },
    activeTexture(...args) { return WebGL.activeTexture.apply(0, [this.gl, ...args]) },
    updateTexture(...args) { return WebGL.updateTexture.apply(0, [this.gl, ...args]) },
    useProgram(program) {
        this.program = program;
        this.gl.useProgram(program);        
    },
    draw() {
        WebGL.setRectangle(this.gl, -1, -1, 2, 2);
        this.gl.drawArrays(this.gl.TRIANGLES, 0, 6);        
    },
});

Comments Copyright © aleen42 all right reserved, powered by aleen42

Empty Comments

Sign in GitHub

As the plugin is integrated with a code management system like GitLab or GitHub, you may have to auth with your account before leaving comments around this article.

Notice: This plugin has used Cookie to store your token with an expiration.

authorize