@openglobus/og 0.24.2 → 0.25.1

package/lib/js/utils/units.d.ts

@@ -1,16 +0,0 @@
-export declare const ELL = 0;
-export declare const MSL = 1;
-export declare const GND = 2;
-export declare const heightMode: Record<string, number>;
-export declare const m = 0;
-export declare const km = 1;
-export declare const ft = 2;
-export declare const s = 3;
-export declare const h = 4;
-export declare const ms = 5;
-export declare const kmh = 6;
-export declare const fts = 7;
-export declare const _tenth: number[];
-export declare function convert(from: number, to: number, val: number): number;
-export declare function convertExt(isNotNaN: boolean, unitFrom: number, unitTo: number, val: number, fixed?: number): string;
-export declare function toString(u: number): string;

package/lib/js/utils/units.js

@@ -1,61 +0,0 @@
-export const ELL = 0;
-export const MSL = 1;
-export const GND = 2;
-export const heightMode = {
-    "ell": ELL,
-    "msl": MSL,
-    "gnd": GND
-};
-const KM_to_M = 1000.0;
-const M_to_KM = 1.0 / KM_to_M;
-const FT_to_M = 0.3048;
-const M_to_FT = 1.0 / FT_to_M;
-const MS_to_KMH = 3.6;
-const KMH_to_MS = 1.0 / MS_to_KMH;
-const MS_to_FTS = 3.28084;
-const FT_to_KM = FT_to_M * M_to_KM;
-const KM_to_FT = 1.0 / FT_to_KM;
-export const m = 0;
-export const km = 1;
-export const ft = 2;
-export const s = 3;
-export const h = 4;
-export const ms = 5;
-export const kmh = 6;
-export const fts = 7;
-const DEFAULT_NAN = "--";
-const _abbr = ["m", "km", "ft", "s", "h", "m/s", "km/h", "ft/s"];
-export const _tenth = [0, 2, 0, 0, 0, 0, 0, 0];
-let _convFn = [];
-_convFn[m] = [];
-_convFn[m][m] = (v) => v;
-_convFn[m][km] = (v) => v * M_to_KM;
-_convFn[m][ft] = (v) => v * M_to_FT;
-_convFn[ft] = [];
-_convFn[ft][m] = (v) => v * FT_to_M;
-_convFn[ft][km] = (v) => v * FT_to_KM;
-_convFn[ft][ft] = (v) => v;
-_convFn[km] = [];
-_convFn[km][m] = (v) => v * KM_to_M;
-_convFn[km][km] = (v) => v;
-_convFn[km][ft] = (v) => v * KM_to_FT;
-_convFn[ms] = [];
-_convFn[ms][ms] = (v) => v;
-_convFn[ms][kmh] = (v) => v * MS_to_KMH;
-_convFn[ms][fts] = (v) => v * MS_to_FTS;
-_convFn[kmh] = [];
-_convFn[kmh][ms] = (v) => v * KMH_to_MS;
-_convFn[kmh][kmh] = (v) => v;
-//_convFn[kmh][fts] = (v) => v * KMH_to_FTS;
-export function convert(from, to, val) {
-    return _convFn[from][to](val);
-}
-export function convertExt(isNotNaN, unitFrom, unitTo, val, fixed) {
-    if (isNotNaN) {
-        return convert(unitFrom, unitTo, val).toFixed(fixed || _tenth[unitTo]);
-    }
-    return DEFAULT_NAN;
-}
-export function toString(u) {
-    return _abbr[u];
-}

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

@@ -1,52 +0,0 @@
-import { Handler } from "./Handler";
-export interface IBaseFramebufferParams {
-    width?: number;
-    height?: number;
-    useDepth?: boolean;
-    depthComponent?: string;
-    size?: number;
-    filter?: string;
-}
-export declare class BaseFramebuffer {
-    handler: Handler;
-    _fbo: WebGLFramebuffer | null;
-    protected _depthRenderbuffer: WebGLRenderbuffer | null;
-    _width: number;
-    _height: number;
-    protected _depthComponent: string;
-    protected _size: number;
-    protected _active: boolean;
-    protected _useDepth: boolean;
-    protected _filter: string;
-    constructor(handler: Handler, options?: IBaseFramebufferParams);
-    get width(): number;
-    get height(): number;
-    /**
-     * Sets framebuffer viewport size.
-     * @public
-     * @param {number} width - Framebuffer width.
-     * @param {number} height - Framebuffer height.
-     * @param {boolean} [forceDestroy] -
-     */
-    setSize(width: number, height: number, forceDestroy?: boolean): void;
-    init(): void;
-    destroy(): void;
-    /**
-     * Returns framebuffer completed.
-     * @public
-     * @returns {boolean} -
-     */
-    isComplete(): boolean;
-    checkStatus(): number;
-    /**
-     * Activate framebuffer frame to draw.
-     * @public
-     * @returns {Framebuffer} Returns Current framebuffer.
-     */
-    activate(): this;
-    /**
-     * Deactivate framebuffer frame.
-     * @public
-     */
-    deactivate(): void;
-}

package/lib/js/webgl/BaseFramebuffer.js

@@ -1,88 +0,0 @@
-export class BaseFramebuffer {
-    constructor(handler, options = {}) {
-        this.handler = handler;
-        this._fbo = null;
-        this._width = options.width || handler.canvas.width;
-        this._height = options.height || handler.canvas.height;
-        this._depthComponent = options.depthComponent != undefined ? options.depthComponent : "DEPTH_COMPONENT16";
-        this._useDepth = options.useDepth != undefined ? options.useDepth : true;
-        this._active = false;
-        this._size = options.size || 1;
-        this._depthRenderbuffer = null;
-        this._filter = options.filter || "NEAREST";
-    }
-    get width() {
-        return this._width;
-    }
-    get height() {
-        return this._height;
-    }
-    /**
-     * Sets framebuffer viewport size.
-     * @public
-     * @param {number} width - Framebuffer width.
-     * @param {number} height - Framebuffer height.
-     * @param {boolean} [forceDestroy] -
-     */
-    setSize(width, height, forceDestroy = false) {
-        this._width = width;
-        this._height = height;
-        if (this._active) {
-            this.handler.gl.viewport(0, 0, this._width, this._height);
-        }
-        if (this._useDepth || forceDestroy) {
-            this.destroy();
-            this.init();
-        }
-    }
-    init() {
-    }
-    destroy() {
-    }
-    /**
-     * Returns framebuffer completed.
-     * @public
-     * @returns {boolean} -
-     */
-    isComplete() {
-        let gl = this.handler.gl;
-        return gl.checkFramebufferStatus(gl.FRAMEBUFFER) === gl.FRAMEBUFFER_COMPLETE;
-    }
-    checkStatus() {
-        let gl = this.handler.gl;
-        return gl.checkFramebufferStatus(gl.FRAMEBUFFER);
-    }
-    /**
-     * Activate framebuffer frame to draw.
-     * @public
-     * @returns {Framebuffer} Returns Current framebuffer.
-     */
-    activate() {
-        let gl = this.handler.gl;
-        gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-        gl.bindFramebuffer(gl.FRAMEBUFFER, this._fbo);
-        gl.viewport(0, 0, this._width, this._height);
-        this._active = true;
-        let c = this.handler.framebufferStack.current().data;
-        c && (c._active = false);
-        this.handler.framebufferStack.push(this);
-        return this;
-    }
-    /**
-     * Deactivate framebuffer frame.
-     * @public
-     */
-    deactivate() {
-        let h = this.handler, gl = h.gl;
-        gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-        this._active = false;
-        let f = this.handler.framebufferStack.popPrev();
-        if (f) {
-            gl.bindFramebuffer(gl.FRAMEBUFFER, f._fbo);
-            gl.viewport(0, 0, f._width, f._height);
-        }
-        else {
-            gl.viewport(0, 0, h.canvas.width, h.canvas.height);
-        }
-    }
-}

package/lib/js/webgl/Framebuffer.js

@@ -1,256 +0,0 @@
-import { BaseFramebuffer } from "./BaseFramebuffer";
-import { ImageCanvas } from "../ImageCanvas";
-const TypeArrayConstructor = {
-    "UNSIGNED_BYTE": Uint8Array,
-    "FLOAT": Float32Array
-};
-export function clientWaitAsync(gl, sync, flags) {
-    return new Promise((resolve, reject) => {
-        function check() {
-            const res = gl.clientWaitSync(sync, flags, 0);
-            if (res == gl.WAIT_FAILED) {
-                reject();
-            }
-            else if (res == gl.TIMEOUT_EXPIRED) {
-                requestAnimationFrame(check);
-            }
-            else {
-                resolve();
-            }
-        }
-        check();
-    });
-}
-/**
- * Class represents framebuffer.
- * @class
- * @param {Handler} handler - WebGL handler.
- * @param {IFrameBufferParams} [options] - Framebuffer options:
- */
-export class Framebuffer extends BaseFramebuffer {
-    constructor(handler, options = {}) {
-        super(handler, options);
-        this.readPixelBuffersAsync = () => {
-            const gl = this.handler.gl;
-            if (this._skipFrame)
-                return;
-            this._skipFrame = true;
-            let w = this.width, h = this.height;
-            let pb = this.pixelBuffers;
-            this.activate();
-            for (let i = 0; i < pb.length; i++) {
-                let pbi = pb[i];
-                gl.bindBuffer(gl.PIXEL_PACK_BUFFER, pbi.buffer);
-                gl.bufferData(gl.PIXEL_PACK_BUFFER, pbi.data.byteLength, gl.STREAM_READ);
-                gl.readBuffer(pbi.glAttachment);
-                gl.readPixels(0, 0, w, h, gl.RGBA, pbi.glType, 0);
-                gl.bindBuffer(gl.PIXEL_PACK_BUFFER, null);
-            }
-            this.deactivate();
-            const sync = gl.fenceSync(gl.SYNC_GPU_COMMANDS_COMPLETE, 0);
-            gl.flush();
-            clientWaitAsync(gl, sync, 0).then(() => {
-                this._skipFrame = false;
-                gl.deleteSync(sync);
-                for (let i = 0; i < pb.length; i++) {
-                    let pbi = pb[i];
-                    if (pbi.data) {
-                        gl.bindBuffer(gl.PIXEL_PACK_BUFFER, pbi.buffer);
-                        gl.getBufferSubData(gl.PIXEL_PACK_BUFFER, 0, pbi.data);
-                    }
-                }
-                gl.bindBuffer(gl.PIXEL_PACK_BUFFER, null);
-            });
-        };
-        this._targets = Framebuffer.createTargets(options.targets);
-        this._size = this._targets.length;
-        this._renderbufferTarget = options.renderbufferTarget != undefined ? options.renderbufferTarget : "DEPTH_ATTACHMENT";
-        this.textures = options.textures || new Array(this._size);
-        this.pixelBuffers = [];
-        this._skipFrame = false;
-    }
-    static createTargets(targets) {
-        let attInd = 0;
-        let pbInd = 0;
-        if (targets) {
-            return targets.map((ti) => {
-                let attachment = ti.attachment || "COLOR_ATTACHMENT";
-                if (attachment === "COLOR_ATTACHMENT") {
-                    attachment = `COLOR_ATTACHMENT${attInd++}`;
-                }
-                let type = ti.type || "UNSIGNED_BYTE";
-                return {
-                    internalFormat: ti.internalFormat || "RGBA",
-                    format: ti.format || "RGBA",
-                    type,
-                    attachment,
-                    filter: ti.filter || "NEAREST",
-                    pixelBufferIndex: ti.readAsync ? pbInd++ : -1,
-                    TypeArrayConstructor: TypeArrayConstructor[type]
-                };
-            });
-        }
-        return [{
-                internalFormat: "RGBA",
-                format: "RGBA",
-                type: "UNSIGNED_BYTE",
-                attachment: "COLOR_ATTACHMENT0",
-                filter: "NEAREST",
-                pixelBufferIndex: -1,
-                TypeArrayConstructor: TypeArrayConstructor.UNSIGNED_BYTE
-            }];
-    }
-    // static blit(sourceFramebuffer: Framebuffer, destFramebuffer: Framebuffer, glAttachment: number, glMask: number, glFilter: number) {
-    //     let gl = sourceFramebuffer.handler.gl!;
-    //
-    //     gl.bindFramebuffer(gl.READ_FRAMEBUFFER, sourceFramebuffer._fbo);
-    //     gl.bindFramebuffer(gl.DRAW_FRAMEBUFFER, destFramebuffer._fbo);
-    //     gl.readBuffer(glAttachment);
-    //
-    //     gl.clearBufferfv(gl.COLOR, 0, [0.0, 0.0, 0.0, 1.0]);
-    //
-    //     gl.blitFramebuffer(0, 0, sourceFramebuffer._width, sourceFramebuffer._height, 0, 0, destFramebuffer._width, destFramebuffer._height, glMask, glFilter);
-    //
-    //     gl.bindFramebuffer(gl.FRAMEBUFFER, null!);
-    //     gl.bindFramebuffer(gl.READ_FRAMEBUFFER, null!);
-    //     gl.bindFramebuffer(gl.DRAW_FRAMEBUFFER, null!);
-    // }
-    destroy() {
-        let gl = this.handler.gl;
-        if (!gl)
-            return;
-        for (let i = 0; i < this.textures.length; i++) {
-            gl.deleteTexture(this.textures[i]);
-        }
-        this.textures = new Array(this._size);
-        for (let i = 0; i < this.pixelBuffers.length; i++) {
-            this.pixelBuffers[i].data = null;
-            gl.deleteBuffer(this.pixelBuffers[i].buffer);
-        }
-        this.pixelBuffers = [];
-        gl.deleteFramebuffer(this._fbo);
-        gl.deleteRenderbuffer(this._depthRenderbuffer);
-        this._depthRenderbuffer = null;
-        this._fbo = null;
-        this._active = false;
-    }
-    /**
-     * Framebuffer initialization.
-     * @public
-     * @override
-     */
-    init() {
-        let gl = this.handler.gl;
-        if (!gl)
-            return;
-        this._fbo = gl.createFramebuffer();
-        gl.bindFramebuffer(gl.FRAMEBUFFER, this._fbo);
-        let attachmentArr = [];
-        for (let i = 0; i < this._targets.length; i++) {
-            let tr = this._targets[i];
-            let ti = this.textures[i] || this.handler.createEmptyTexture2DExt(this._width, this._height, tr.filter, tr.internalFormat, tr.format, tr.type);
-            let att_i = gl[tr.attachment];
-            if (ti) {
-                this.bindOutputTexture(ti, att_i);
-                this.textures[i] = ti;
-            }
-            if (tr.attachment !== "DEPTH_ATTACHMENT") {
-                attachmentArr.push(att_i);
-            }
-            if (tr.pixelBufferIndex !== -1) {
-                this._createPixelBuffer(tr);
-            }
-        }
-        gl.drawBuffers && gl.drawBuffers(attachmentArr);
-        if (this._useDepth) {
-            this._depthRenderbuffer = gl.createRenderbuffer();
-            gl.bindRenderbuffer(gl.RENDERBUFFER, this._depthRenderbuffer);
-            gl.renderbufferStorage(gl.RENDERBUFFER, gl[this._depthComponent], this._width, this._height);
-            gl.framebufferRenderbuffer(gl.FRAMEBUFFER, gl[this._renderbufferTarget], gl.RENDERBUFFER, this._depthRenderbuffer);
-            gl.bindRenderbuffer(gl.RENDERBUFFER, null);
-        }
-        gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-    }
-    getPixelBufferData(targetIndex) {
-        let pbInd = this._targets[targetIndex].pixelBufferIndex;
-        return pbInd !== -1 ? this.pixelBuffers[pbInd].data : null;
-    }
-    _createPixelBuffer(target) {
-        let gl = this.handler.gl;
-        let pbInd = target.pixelBufferIndex;
-        let pb = this.pixelBuffers[pbInd];
-        if (!pb) {
-            pb = this.pixelBuffers[pbInd] = {
-                buffer: null,
-                data: null,
-                glType: -1,
-                glAttachment: -1
-            };
-        }
-        let size = this.width * this.height * 4;
-        // clear current pixel buffer
-        pb.data = null;
-        pb.data = new target.TypeArrayConstructor(size);
-        //gl.deleteBuffer(pb.buffer);
-        pb.buffer = gl.createBuffer();
-        gl.bindBuffer(gl.PIXEL_PACK_BUFFER, pb.buffer);
-        gl.bufferData(gl.PIXEL_PACK_BUFFER, size, gl.STREAM_READ);
-        gl.bindBuffer(gl.PIXEL_PACK_BUFFER, null);
-        pb.glType = gl[target.type];
-        pb.glAttachment = gl[target.attachment];
-    }
-    /**
-     * Bind buffer texture.
-     * @public
-     * @param {WebGLTexture} texture - Output texture.
-     * @param {number} [glAttachment=0] - color attachment index.
-     */
-    bindOutputTexture(texture, glAttachment) {
-        let gl = this.handler.gl;
-        gl.bindTexture(gl.TEXTURE_2D, texture);
-        gl.framebufferTexture2D(gl.FRAMEBUFFER, glAttachment || gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture, 0);
-        gl.bindTexture(gl.TEXTURE_2D, null);
-    }
-    /**
-     * Gets pixel RGBA color from framebuffer by coordinates.
-     * @public
-     * @param {Uint8Array} res - Normalized x - coordinate.
-     * @param {number} nx - Normalized x - coordinate.
-     * @param {number} ny - Normalized y - coordinate.
-     * @param {number} [w=1] - Normalized width.
-     * @param {number} [h=1] - Normalized height.
-     * @param {number} [index=0] - color attachment index.
-     */
-    readPixels(res, nx, ny, index = 0, w = 1, h = 1) {
-        let gl = this.handler.gl;
-        gl.bindFramebuffer(gl.FRAMEBUFFER, this._fbo);
-        gl.readBuffer && gl.readBuffer(gl.COLOR_ATTACHMENT0 + index || 0);
-        gl.readPixels(nx * this._width, ny * this._height, w, h, gl.RGBA, gl[this._targets[index].type], res);
-        gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-    }
-    /**
-     * Reads all pixels(RGBA colors) from framebuffer.
-     * @public
-     * @param {Uint8Array} res - Result array.
-     * @param {number} [attachmentIndex=0] - color attachment index.
-     */
-    readAllPixels(res, attachmentIndex = 0) {
-        let gl = this.handler.gl;
-        gl.bindFramebuffer(gl.FRAMEBUFFER, this._fbo);
-        gl.readBuffer && gl.readBuffer(gl.COLOR_ATTACHMENT0 + attachmentIndex);
-        gl.readPixels(0, 0, this._width, this._height, gl.RGBA, gl[this._targets[attachmentIndex].type], res);
-        gl.bindFramebuffer(gl.FRAMEBUFFER, null);
-    }
-    /**
-     * Gets JavaScript image that in the framebuffer.
-     * @public
-     * @returns {HTMLImageElement} -
-     */
-    getImage() {
-        let data = new Uint8Array(4 * this._width * this._height);
-        this.readAllPixels(data);
-        let imageCanvas = new ImageCanvas(this._width, this._height);
-        imageCanvas.setData(data);
-        return imageCanvas.getImage();
-    }
-}