@pirireis/webglobeplugins 0.9.6 → 0.9.8

package/{util/gl-util/uniform-block/manager.ts → dist/util/gl-util/uniform-block/manager.js}

@@ -1,187 +1,156 @@
-import "./types";
-
-const typeSizes = {
-    'float': 4,
-    'vec2': 8,
-    'vec3': 16,  // vec3 takes up same space as vec4 due to alignment
-    'vec4': 16,
-    'mat2': 32,  // 2 vec4s (16 * 2)
-    'mat3': 48,  // 3 vec4s (16 * 3)
-    'mat4': 64,  // 4 vec4s (16 * 4)
-    'int': 4,
-    'ivec2': 8,
-    'ivec3': 16,
-    'ivec4': 16,
-    'bool': 4
-};
-
-const typeAlignments = {
-    'float': 4,
-    'vec2': 8,
-    'vec3': 16,
-    'vec4': 16,
-    'mat2': 16,  // aligns to vec4 boundary
-    'mat3': 16,  // aligns to vec4 boundary
-    'mat4': 16,  // aligns to vec4 boundary
-    'int': 4,
-    'ivec2': 8,
-    'ivec3': 16,
-    'ivec4': 16,
-    'bool': 4
-};
-
-
-const typeArrayConstructors = {
-    'float': Float32Array,
-    'vec2': Float32Array,
-    'vec3': Float32Array,
-    'vec4': Float32Array,
-    'mat2': Float32Array,
-    'mat3': Float32Array,
-    'mat4': Float32Array,
-    'int': Int32Array,
-    'ivec2': Int32Array,
-    'ivec3': Int32Array,
-    'ivec4': Int32Array,
-    'bool': Float32Array
-};
-
-
-class UniformBlockManager {
-
-    /**
-     * 
-     * @param {UniformBlockName} blockName 
-     * @param {Array<UniformBlockMember} blockMembers 
-     * @param {string} prefix usage name of block in the shader 
-     */
-
-    blockName: string;
-    blockMembers: Array<UniformBlockMember>;
-    bindingPoint: number;
-    prefix: string;
-    offsetMap: Map<string, number>;
-    size: number;
-
-    constructor(blockName: string, blockMembers: Array<UniformBlockMember>, bindingPoint: number, prefix: string = "") {
-        this.blockName = blockName;
-        this.blockMembers = blockMembers;
-        this.bindingPoint = bindingPoint;
-        this.prefix = prefix;
-        this.offsetMap = this.__create_LayoutSTD140_OffsetMap();
-        this.size = this.__calculateSize();
-    }
-
-
-
-    glslCode() {
-        let code = `layout(std140) uniform ${this.blockName} {`;
-        for (const member of this.blockMembers) {
-            const { name, type } = member;
-            code += `${type} ${this.prefix}${name};`;
-        }
-        if (this.prefix) {
-            code += `} ${this.prefix};`;
-        } else {
-            code += `};`;
-        }
-        return code;
-    }
-
-
-    createUBO(gl: WebGL2RenderingContext, bufferWriteType: string = "STATIC_DRAW"): UBOHandler {
-        const ubo = gl.createBuffer();
-        gl.bindBuffer(gl.UNIFORM_BUFFER, ubo);
-        // @ts-ignore
-        gl.bufferData(gl.UNIFORM_BUFFER, this.size, gl[bufferWriteType]);
-        gl.bindBufferBase(gl.UNIFORM_BUFFER, 0, ubo);
-
-        for (const member of this.blockMembers) {
-            const { name, type, value = null } = member;;
-            const offset = this.offsetMap.get(name) as number;
-            const data = (value === null) ? new typeArrayConstructors[type](typeSizes[type] / 4).fill(NaN) : value;
-            gl.bufferSubData(gl.UNIFORM_BUFFER, offset, data);
-        }
-        gl.bindBuffer(gl.UNIFORM_BUFFER, null);
-
-        return { // TODO typedef this, encapsulate this in a class or something, ask ai
-            ubo,
-            update: (nameValueMap: NameValueMap) => this.updateUBO(gl, ubo, nameValueMap),
-            bind: () => this.bind(gl, ubo),
-            unbind: () => this.unbind(gl),
-            free: () => gl.deleteBuffer(ubo),
-        };
-    }
-
-
-    updateUBO(gl: WebGL2RenderingContext, ubo: WebGLBuffer, nameValueMap: NameValueMap) {
-        gl.bindBuffer(gl.UNIFORM_BUFFER, ubo);
-        for (const [name, value] of nameValueMap.entries()) {
-            const offset = this.offsetMap.get(name);
-            if (offset === undefined) {
-                throw new Error(`Uniform block member ${name} not found in offset map.`);
-            }
-            // @ts-ignore
-            const type = this.blockMembers.find(member => member.name === name).type;
-            let data: Float32Array | Int32Array | ArrayBuffer | DataView;
-            if (Array.isArray(value)) {
-                data = new typeArrayConstructors[type](value);
-            } else if (typeof value === 'number') {
-                data = new typeArrayConstructors[type]([value]);
-            } else if (value instanceof ArrayBuffer) {
-                data = new typeArrayConstructors[type](value);
-            } else if (ArrayBuffer.isView(value) && !(value instanceof DataView))
-                data = (typeof value === 'number') ? new typeArrayConstructors[type]([value]) : new typeArrayConstructors[type](value);
-            else {
-                throw new Error(`Unsupported value type for ${name}: ${typeof value}`);
-            }
-            console.log("Data to be uploaded:", data);
-            gl.bufferSubData(gl.UNIFORM_BUFFER, offset, data);
-        }
-        gl.bindBuffer(gl.UNIFORM_BUFFER, null);
-    }
-
-    // call this after linking the program
-    assignBindingPoint(gl: WebGL2RenderingContext, program: WebGLProgram) {
-        const blockIndex = gl.getUniformBlockIndex(program, this.blockName);
-        gl.uniformBlockBinding(program, blockIndex, this.bindingPoint);
-    }
-
-    // call this before drawing
-    bind(gl: WebGL2RenderingContext, ubo: WebGLBuffer) {
-        gl.bindBufferBase(gl.UNIFORM_BUFFER, this.bindingPoint, ubo);
-    }
-
-    // call this right after drawing
-    unbind(gl: WebGL2RenderingContext) {
-        gl.bindBufferBase(gl.UNIFORM_BUFFER, this.bindingPoint, null);
-    }
-
-
-    // implicit methods
-    __create_LayoutSTD140_OffsetMap(): Map<string, number> {
-        let offset = 0;
-        const offsetMap = new Map();
-        for (const member of this.blockMembers) {
-            const { name, type } = member;
-            const size = typeSizes[type];
-            const alignment = typeAlignments[type];
-            const padding = (alignment - (offset % alignment)) % alignment;
-            offset += padding;
-            offsetMap.set(name, offset);
-            offset += size;
-        }
-        return offsetMap;
-    }
-
-    // __create_LayoutSTD140_OffsetMap() should be called before this
-    __calculateSize() {
-        const lastOffset = Array.from(this.offsetMap.values()).pop() as number || 0;
-        const lastItemAlignment = typeAlignments[this.blockMembers[this.blockMembers.length - 1].type];
-        return lastOffset + lastItemAlignment;
-    }
-
-}
-
-
-export { UniformBlockManager };
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UniformBlockManager = void 0;
+require("./types");
+const typeSizes = {
+    'float': 4,
+    'vec2': 8,
+    'vec3': 16, // vec3 takes up same space as vec4 due to alignment
+    'vec4': 16,
+    'mat2': 32, // 2 vec4s (16 * 2)
+    'mat3': 48, // 3 vec4s (16 * 3)
+    'mat4': 64, // 4 vec4s (16 * 4)
+    'int': 4,
+    'ivec2': 8,
+    'ivec3': 16,
+    'ivec4': 16,
+    'bool': 4
+};
+const typeAlignments = {
+    'float': 4,
+    'vec2': 8,
+    'vec3': 16,
+    'vec4': 16,
+    'mat2': 16, // aligns to vec4 boundary
+    'mat3': 16, // aligns to vec4 boundary
+    'mat4': 16, // aligns to vec4 boundary
+    'int': 4,
+    'ivec2': 8,
+    'ivec3': 16,
+    'ivec4': 16,
+    'bool': 4
+};
+const typeArrayConstructors = {
+    'float': Float32Array,
+    'vec2': Float32Array,
+    'vec3': Float32Array,
+    'vec4': Float32Array,
+    'mat2': Float32Array,
+    'mat3': Float32Array,
+    'mat4': Float32Array,
+    'int': Int32Array,
+    'ivec2': Int32Array,
+    'ivec3': Int32Array,
+    'ivec4': Int32Array,
+    'bool': Float32Array
+};
+class UniformBlockManager {
+    constructor(blockName, blockMembers, bindingPoint, prefix = "") {
+        this.blockName = blockName;
+        this.blockMembers = blockMembers;
+        this.bindingPoint = bindingPoint;
+        this.prefix = prefix;
+        this.offsetMap = this.__create_LayoutSTD140_OffsetMap();
+        this.size = this.__calculateSize();
+    }
+    glslCode() {
+        let code = `layout(std140) uniform ${this.blockName} {`;
+        for (const member of this.blockMembers) {
+            const { name, type } = member;
+            code += `${type} ${this.prefix}${name};`;
+        }
+        if (this.prefix) {
+            code += `} ${this.prefix};`;
+        }
+        else {
+            code += `};`;
+        }
+        return code;
+    }
+    createUBO(gl, bufferWriteType = "STATIC_DRAW") {
+        const ubo = gl.createBuffer();
+        gl.bindBuffer(gl.UNIFORM_BUFFER, ubo);
+        // @ts-ignore
+        gl.bufferData(gl.UNIFORM_BUFFER, this.size, gl[bufferWriteType]);
+        gl.bindBufferBase(gl.UNIFORM_BUFFER, 0, ubo);
+        for (const member of this.blockMembers) {
+            const { name, type, value = null } = member;
+            ;
+            const offset = this.offsetMap.get(name);
+            const data = (value === null) ? new typeArrayConstructors[type](typeSizes[type] / 4).fill(NaN) : value;
+            gl.bufferSubData(gl.UNIFORM_BUFFER, offset, data);
+        }
+        gl.bindBuffer(gl.UNIFORM_BUFFER, null);
+        return {
+            ubo,
+            update: (nameValueMap) => this.updateUBO(gl, ubo, nameValueMap),
+            bind: () => this.bind(gl, ubo),
+            unbind: () => this.unbind(gl),
+            free: () => gl.deleteBuffer(ubo),
+        };
+    }
+    updateUBO(gl, ubo, nameValueMap) {
+        gl.bindBuffer(gl.UNIFORM_BUFFER, ubo);
+        for (const [name, value] of nameValueMap.entries()) {
+            const offset = this.offsetMap.get(name);
+            if (offset === undefined) {
+                throw new Error(`Uniform block member ${name} not found in offset map.`);
+            }
+            // @ts-ignore
+            const type = this.blockMembers.find(member => member.name === name).type;
+            let data;
+            if (Array.isArray(value)) {
+                data = new typeArrayConstructors[type](value);
+            }
+            else if (typeof value === 'number') {
+                data = new typeArrayConstructors[type]([value]);
+            }
+            else if (value instanceof ArrayBuffer) {
+                data = new typeArrayConstructors[type](value);
+            }
+            else if (ArrayBuffer.isView(value) && !(value instanceof DataView))
+                data = (typeof value === 'number') ? new typeArrayConstructors[type]([value]) : new typeArrayConstructors[type](value);
+            else {
+                throw new Error(`Unsupported value type for ${name}: ${typeof value}`);
+            }
+            console.log("Data to be uploaded:", data);
+            gl.bufferSubData(gl.UNIFORM_BUFFER, offset, data);
+        }
+        gl.bindBuffer(gl.UNIFORM_BUFFER, null);
+    }
+    // call this after linking the program
+    assignBindingPoint(gl, program) {
+        const blockIndex = gl.getUniformBlockIndex(program, this.blockName);
+        gl.uniformBlockBinding(program, blockIndex, this.bindingPoint);
+    }
+    // call this before drawing
+    bind(gl, ubo) {
+        gl.bindBufferBase(gl.UNIFORM_BUFFER, this.bindingPoint, ubo);
+    }
+    // call this right after drawing
+    unbind(gl) {
+        gl.bindBufferBase(gl.UNIFORM_BUFFER, this.bindingPoint, null);
+    }
+    // implicit methods
+    __create_LayoutSTD140_OffsetMap() {
+        let offset = 0;
+        const offsetMap = new Map();
+        for (const member of this.blockMembers) {
+            const { name, type } = member;
+            const size = typeSizes[type];
+            const alignment = typeAlignments[type];
+            const padding = (alignment - (offset % alignment)) % alignment;
+            offset += padding;
+            offsetMap.set(name, offset);
+            offset += size;
+        }
+        return offsetMap;
+    }
+    // __create_LayoutSTD140_OffsetMap() should be called before this
+    __calculateSize() {
+        const lastOffset = Array.from(this.offsetMap.values()).pop() || 0;
+        const lastItemAlignment = typeAlignments[this.blockMembers[this.blockMembers.length - 1].type];
+        return lastOffset + lastItemAlignment;
+    }
+}
+exports.UniformBlockManager = UniformBlockManager;

package/dist/util/gl-util/uniform-block/shader.js

@@ -0,0 +1 @@
+"use strict";

package/dist/util/gl-util/uniform-block/types.js

@@ -0,0 +1,8 @@
+"use strict";
+/**
+ * @typedef {string} UniformBlockName
+ *
+ * @typedef {string} GLSLType | mat4, mat3, vec4, vec3, vec2, float, int, bool
+ * @typedef {{name: string, type: GLSLType, value: null|Float32Array}} UniformBlockMember
+ *
+ */