@openglobus/og 0.18.0 → 0.18.2

package/lib/js/webgl/Multisample.d.ts

@@ -0,0 +1,27 @@
+import { BaseFramebuffer, IBaseFramebufferParams } from "./BaseFramebuffer";
+import { Handler } from "./Handler";
+interface IMultisampleParams extends IBaseFramebufferParams {
+    msaa?: number;
+    internalFormat?: string;
+}
+/**
+ * Class represents multisample framebuffer.
+ * @class
+ * @param {Handler} handler - WebGL handler.
+ * @param {Object} [options] - Framebuffer options:
+ */
+export declare class Multisample extends BaseFramebuffer {
+    protected _internalFormat: string;
+    protected _msaa: number;
+    protected _glFilter: number;
+    renderbuffers: WebGLRenderbuffer[];
+    constructor(handler: Handler, options?: IMultisampleParams);
+    destroy(): void;
+    /**
+     * Framebuffer initialization.
+     * @public
+     */
+    init(): void;
+    blitTo(framebuffer: BaseFramebuffer, attachmentIndex?: number): void;
+}
+export {};

package/lib/js/webgl/Multisample.js

@@ -0,0 +1,77 @@
+import { BaseFramebuffer } from "./BaseFramebuffer";
+/**
+ * Class represents multisample framebuffer.
+ * @class
+ * @param {Handler} handler - WebGL handler.
+ * @param {Object} [options] - Framebuffer options:
+ */
+export class Multisample extends BaseFramebuffer {
+    constructor(handler, options = {}) {
+        super(handler, options);
+        this._internalFormat = options.internalFormat ? options.internalFormat.toUpperCase() : "RGBA8";
+        this._msaa = options.msaa != undefined ? options.msaa : 4;
+        this._glFilter = 0;
+        this.renderbuffers = new Array(this._size);
+    }
+    destroy() {
+        let gl = this.handler.gl;
+        if (!gl)
+            return;
+        for (let i = 0; i < this.renderbuffers.length; i++) {
+            gl.deleteRenderbuffer(this.renderbuffers[i]);
+        }
+        this.renderbuffers = new Array(this._size);
+        gl.deleteFramebuffer(this._fbo);
+        gl.deleteRenderbuffer(this._depthRenderbuffer);
+        this._depthRenderbuffer = null;
+        this._fbo = null;
+        this._active = false;
+    }
+    /**
+     * Framebuffer initialization.
+     * @public
+     */
+    init() {
+        let gl = this.handler.gl;
+        if (!gl)
+            return;
+        this._glFilter = gl[this._filter];
+        this._fbo = gl.createFramebuffer();
+        gl.bindFramebuffer(gl.FRAMEBUFFER, this._fbo);
+        let colorAttachments = [];
+        for (let i = 0; i < this.renderbuffers.length; i++) {
+            let rb = gl.createRenderbuffer();
+            gl.bindRenderbuffer(gl.RENDERBUFFER, rb);
+            if (this._msaa > 0) {
+                gl.renderbufferStorageMultisample(gl.RENDERBUFFER, this._msaa, gl[this._internalFormat], this._width, this._height);
+            }
+            else {
+                gl.renderbufferStorage(gl.RENDERBUFFER, gl[this._internalFormat], this._width, this._height);
+            }
+            gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0 + i, gl.RENDERBUFFER, rb);
+            colorAttachments.push(gl.COLOR_ATTACHMENT0 + i);
+            this.renderbuffers[i] = rb;
+            gl.bindRenderbuffer(gl.RENDERBUFFER, null);
+        }
+        gl.drawBuffers(colorAttachments);
+        if (this._useDepth) {
+            this._depthRenderbuffer = gl.createRenderbuffer();
+            gl.bindRenderbuffer(gl.RENDERBUFFER, this._depthRenderbuffer);
+            gl.renderbufferStorageMultisample(gl.RENDERBUFFER, this._msaa, gl[this._depthComponent], this._width, this._height);
+            gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl.DEPTH_ATTACHMENT, gl.RENDERBUFFER, this._depthRenderbuffer);
+            gl.bindRenderbuffer(gl.RENDERBUFFER, null);
+        }
+        gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+    }
+    blitTo(framebuffer, attachmentIndex = 0) {
+        let gl = this.handler.gl;
+        gl.bindFramebuffer(gl.READ_FRAMEBUFFER, this._fbo);
+        gl.bindFramebuffer(gl.DRAW_FRAMEBUFFER, framebuffer._fbo);
+        gl.readBuffer(gl.COLOR_ATTACHMENT0 + attachmentIndex);
+        gl.clearBufferfv(gl.COLOR, 0, [0.0, 0.0, 0.0, 1.0]);
+        gl.blitFramebuffer(0, 0, this._width, this._height, 0, 0, framebuffer._width, framebuffer._height, gl.COLOR_BUFFER_BIT, this._glFilter);
+        gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+        gl.bindFramebuffer(gl.READ_FRAMEBUFFER, null);
+        gl.bindFramebuffer(gl.DRAW_FRAMEBUFFER, null);
+    }
+}

package/lib/js/webgl/Program.d.ts

@@ -0,0 +1,159 @@
+import { ProgramVariable } from "./variableHandlers";
+import { WebGLBufferExt } from "./Handler";
+type WebGLProgramExt = WebGLProgram & {
+    [id: string]: WebGLUniformLocation;
+};
+type ProgramMaterial = {
+    attributes: Record<string, any>;
+    uniforms: Record<string, any>;
+    vertexShader: string;
+    fragmentShader: string;
+};
+/**
+ * Represents more comfortable using WebGL shader program.
+ * @class
+ * @param {string} name - Program name.
+ * @param {ProgramMaterial} material - Object stores uniforms, attributes and program codes:
+ * @param {Record<string, any>} material.uniforms - Uniforms definition section.
+ * @param {Record<string, any>} material.attributes - Attributes definition section.
+ * @param {string} material.vertexShader - Vertex glsl code.
+ * @param {string} material.fragmentShader - Fragment glsl code.
+ */
+declare class Program {
+    /**
+     * Shader program name.
+     * @public
+     * @type {string}
+     */
+    name: string;
+    attributes: {
+        [id: string]: number;
+    };
+    uniforms: {
+        [id: string]: WebGLUniformLocation;
+    };
+    _attributes: Record<string, ProgramVariable>;
+    _uniforms: Record<string, ProgramVariable>;
+    vertexShader: string;
+    fragmentShader: string;
+    drawElementsInstanced: Function | null;
+    vertexAttribDivisor: Function | null;
+    /**
+     * Webgl context.
+     * @public
+     * @type {WebGL2RenderingContext | null}
+     */
+    gl: WebGL2RenderingContext | null;
+    /**
+     * All program variables.
+     * @private
+     * @type {Record<string, ProgramVariable>}
+     */
+    protected _variables: Record<string, ProgramVariable>;
+    /**
+     * Program pointer.
+     * @private
+     * @type {WebGLProgramExt | null}
+     */
+    _p: WebGLProgramExt | null;
+    /**
+     * Texture counter.
+     * @protected
+     * @type {number}
+     */
+    _textureID: number;
+    /**
+     * Program attributes array.
+     * @private
+     * @type {number[]}
+     */
+    protected _attribArrays: number[];
+    /**
+     * Program attributes divisors.
+     * @protected
+     * @type {number[]}
+     */
+    protected _attribDivisor: number[];
+    constructor(name: string, material: ProgramMaterial);
+    /**
+     * Bind program buffer.
+     * @function
+     * @param {Program} program - Used program.
+     * @param {Object} variable - Variable represents buffer data.
+     */
+    static bindBuffer(program: Program, variable: ProgramVariable): void;
+    /**
+     * Sets the current program frame.
+     * @public
+     */
+    use(): void;
+    /**
+     * Sets program variables.
+     * @public
+     * @param {Object} material - Variables and values object.
+     */
+    set(material: Record<string, any>): void;
+    /**
+     * Apply current variables.
+     * @public
+     */
+    apply(): void;
+    /**
+     * Calls drawElements index buffer function.
+     * @public
+     * @param {number} mode - Draw mode(GL_TRIANGLES, GL_LINESTRING etc.).
+     * @param {Object} buffer - Index buffer.
+     */
+    drawIndexBuffer(mode: number, buffer: WebGLBufferExt): void;
+    /**
+     * Calls drawArrays function.
+     * @public
+     * @param {number} mode - Draw mode GL_TRIANGLES, GL_LINESTRING, etc.
+     * @param {number} numItems - Items to draw
+     */
+    drawArrays(mode: number, numItems: number): void;
+    /**
+     * Check and log for a shader compile errors and warnings. Returns True - if no errors otherwise returns False.
+     * @private
+     * @param {WebGLShader} shader - WebGl shader program.
+     * @param {string} src - Shader program source.
+     * @returns {boolean} -
+     */
+    protected _getShaderCompileStatus(shader: WebGLShader, src: string): boolean;
+    /**
+     * Returns compiled vertex shader program pointer.
+     * @private
+     * @param {string} src - Vertex shader source code.
+     * @returns {Object} -
+     */
+    protected _createVertexShader(src: string): WebGLShader | undefined;
+    /**
+     * Returns compiled fragment shader program pointer.
+     * @private
+     * @param {string} src - Vertex shader source code.
+     * @returns {Object} -
+     */
+    protected _createFragmentShader(src: string): WebGLShader | undefined;
+    /**
+     * Disable current program vertexAttribArrays.
+     * @public
+     */
+    disableAttribArrays(): void;
+    /**
+     * Enable current program vertexAttribArrays.
+     * @public
+     */
+    enableAttribArrays(): void;
+    /**
+     * Delete program.
+     * @public
+     */
+    delete(): void;
+    /**
+     * Creates program.
+     * @public
+     * @param {Object} gl - WebGl context.
+     */
+    createProgram(gl: WebGL2RenderingContext): void;
+}
+export { Program };