WebGL Utils

Author: bitnenfer

v3/src/renderer/webgl/utils/Attribute.js

@@ -0,0 +1,9 @@
+var Attribute = function (location, size, type, normalize, stride, offset)
+{
+    this.location = location;
+    this.size = size;
+    this.type = type;
+    this.normalize = normalize;
+    this.stride = stride;
+    this.offset = offset;
+};

v3/src/renderer/webgl/utils/BindVertexArray.js

@@ -0,0 +1,19 @@
+var BindVertexArray = function (gl, vao)
+{
+    var attributes = vao.attributes;
+    gl.bindBuffer(gl.ARRAY_BUFFER, vao.buffer);
+    for (var index = 0, length = attributes.length; index < length; ++index)
+    {
+        var attrib = attributes[index];
+        var location = attrib.location;
+        gl.enableVertexAttribArray(location);
+        gl.vertexAttribPointer(
+            location,
+            attrib.size,
+            attrib.type,
+            attrib.normalized,
+            attrib.stride,
+            attrib.offset
+        );
+    }
+};

v3/src/renderer/webgl/utils/CreateAttribArray.js

@@ -0,0 +1,17 @@
+var CreateAttribArray = function (gl, program, attributeDescArray)
+{
+    var attributes = [];
+    for (var index = 0, length = attributeDescArray.length; index < length; ++index)
+    {
+        var desc = attributeDescArray[index];
+        attributes.push(new WebGLPipeline.Attribute(
+            gl.getAttribLocation(program, desc.name),
+            desc.size,
+            desc.type,
+            desc.normalized ? gl.TRUE : gl.FALSE,
+            desc.stride,
+            desc.offset
+        ));
+    }
+    return attributes;
+};

v3/src/renderer/webgl/utils/CreateAttribDesc.js

@@ -0,0 +1,13 @@
+var Attribute = require('./Attribute');
+
+var CreateAttribDesc = function (gl, program, name, size, type, normalized, stride, offset)
+{
+    return new Attribute(
+        gl.getAttribLocation(program, name),
+        size,
+        type,
+        normalized,
+        stride,
+        offset
+    );
+};

v3/src/renderer/webgl/utils/CreateBuffer.js

@@ -0,0 +1,14 @@
+var CreateBuffer = function (gl, bufferType, usage, bufferData, bufferSize)
+{
+    var buffer = gl.createBuffer();
+    gl.bindBuffer(bufferType, buffer);
+    if (bufferData && ArrayBuffer.isView(bufferData))
+    {
+        gl.bufferData(bufferType, bufferData, usage);
+    }
+    else
+    {
+        gl.bufferData(bufferType, bufferSize, usage);
+    }
+    return buffer;
+};

v3/src/renderer/webgl/utils/CreateProgram.js

@@ -0,0 +1,14 @@
+var CreateProgram = function (gl, vertexShader, fragmentShader)
+{
+    var program = gl.createProgram();
+    gl.attachShader(program, vertexShader);
+    gl.attachShader(program, fragmentShader);
+    gl.linkProgram(program);
+    gl.validateProgram(program);
+    if (!gl.getProgramParameter(program, gl.LINK_STATUS))
+    {
+        console.error('Failed to link program. Error: \n' + gl.getProgramInfoLog(program));
+        return null;
+    }
+    return program;
+};

v3/src/renderer/webgl/utils/CreateShader.js

@@ -0,0 +1,13 @@
+var CreateShader = function (gl, shaderSource, shaderType)
+{
+    var shader = null;
+    shader = gl.createShader(shaderType);
+    gl.shaderSource(shader, shaderSource);
+    gl.compileShader(shader);
+    if (!gl.getShaderParameter(shader, gl.COMPILE_STATUS))
+    {
+        console.error('Failed ' + (shaderType === gl.VERTEX_SHADER ? 'vertex' : shaderType === gl.FRAGMENT_SHADER ? 'fragment' : 'invalid') + ' shader compilation. Error: \n' + gl.getShaderInfoLog(shader));
+        return null;
+    }
+    return shader;
+};

v3/src/renderer/webgl/utils/CreateTexture2DArrayBuffer.js

@@ -0,0 +1,21 @@
+var CreateTexture2DArrayBuffer = function (gl, width, height, border, filter, arrayBuffer)
+{
+    var texture = gl.createTexture();
+    gl.bindTexture(gl.TEXTURE_2D, texture);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, filter);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, filter);
+    gl.texImage2D(
+        gl.TEXTURE_2D,
+        0,
+        gl.RGBA,
+        width,
+        height,
+        border,
+        gl.RGBA,
+        gl.UNSIGNED_BYTE,
+        arrayBuffer
+    );
+    return texture;
+};

v3/src/renderer/webgl/utils/CreateTexture2DImage.js

@@ -0,0 +1,19 @@
+var CreateTexture2DImage = function (gl, pixels, filter, mipLevels)
+{
+    var texture = gl.createTexture();
+    mipLevels = mipLevels || 0;
+    gl.bindTexture(gl.TEXTURE_2D, texture);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, filter);
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, filter);
+    gl.texImage2D(
+        gl.TEXTURE_2D,
+        mipLevels,
+        gl.RGBA,
+        gl.RGBA,
+        gl.UNSIGNED_BYTE,
+        pixels
+    );
+    return texture;
+};

v3/src/renderer/webgl/utils/VertexArray.js

@@ -0,0 +1,5 @@
+var VertexArray = function (vbo, attributes)
+{
+    this.buffer = vbo;
+    this.attributes = attributes;
+};