@next2d/webgl 1.18.12 → 2.0.0

package/dist/TextureManager.js

@@ -1,531 +0,0 @@
-import { $RENDER_SIZE } from "./Const";
-/**
- * @class
- */
-export class TextureManager {
-    /**
-     * @param {WebGL2RenderingContext} gl
-     * @constructor
-     * @public
-     */
-    constructor(gl) {
-        // init setting
-        gl.pixelStorei(gl.UNPACK_ALIGNMENT, 1);
-        gl.pixelStorei(gl.UNPACK_FLIP_Y_WEBGL, true);
-        /**
-         * @type {WebGL2RenderingContext}
-         * @private
-         */
-        this._$gl = gl;
-        /**
-         * @type {array}
-         * @private
-         */
-        this._$objectPool = [];
-        /**
-         * @type {number}
-         * @default 0
-         * @private
-         */
-        this._$objectPoolArea = 0;
-        /**
-         * @type {number}
-         * @default -1
-         * @private
-         */
-        this._$activeTexture = -1;
-        /**
-         * @type {array}
-         * @private
-         */
-        this._$boundTextures = [null, null, null];
-        /**
-         * @type {number}
-         * @default 0
-         * @private
-         */
-        this._$maxWidth = 0;
-        /**
-         * @type {number}
-         * @default 0
-         * @private
-         */
-        this._$maxHeight = 0;
-        /**
-         * @type {array}
-         * @private
-         */
-        this._$atlasTextures = [];
-        /**
-         * @type {array}
-         * @private
-         */
-        this._$atlasCacheMap = new Map();
-        /**
-         * @type {array}
-         * @private
-         */
-        this._$positionObjectArray = [];
-        /**
-         * @type {array}
-         * @private
-         */
-        this._$nodeObjectArray = [];
-        /**
-         * @type {array}
-         * @private
-         */
-        this._$atlasNodes = new Map();
-    }
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    createTextureAtlas() {
-        const texture = this._$gl.createTexture();
-        texture.width = $RENDER_SIZE;
-        texture.height = $RENDER_SIZE;
-        this._$gl.activeTexture(this._$gl.TEXTURE3);
-        this._$gl.bindTexture(this._$gl.TEXTURE_2D, texture);
-        this._$gl.texParameteri(this._$gl.TEXTURE_2D, this._$gl.TEXTURE_WRAP_S, this._$gl.CLAMP_TO_EDGE);
-        this._$gl.texParameteri(this._$gl.TEXTURE_2D, this._$gl.TEXTURE_WRAP_T, this._$gl.CLAMP_TO_EDGE);
-        this._$gl.texParameteri(this._$gl.TEXTURE_2D, this._$gl.TEXTURE_MIN_FILTER, this._$gl.NEAREST);
-        this._$gl.texParameteri(this._$gl.TEXTURE_2D, this._$gl.TEXTURE_MAG_FILTER, this._$gl.NEAREST);
-        this._$gl.texStorage2D(this._$gl.TEXTURE_2D, 1, this._$gl.RGBA8, $RENDER_SIZE, $RENDER_SIZE);
-        this._$gl.bindTexture(this._$gl.TEXTURE_2D, null);
-        if (this._$activeTexture > -1) {
-            this._$gl.activeTexture(this._$activeTexture);
-        }
-        // init array
-        const index = this._$atlasTextures.length;
-        this._$atlasNodes.set(index, []);
-        this._$atlasCacheMap.set(index, []);
-        this._$atlasTextures.push(texture);
-    }
-    /**
-     * @param  {number} index
-     * @return {WebGLTexture}
-     * @method
-     * @public
-     */
-    getAtlasTexture(index) {
-        return this._$atlasTextures[index];
-    }
-    /**
-     * @param  {number} x
-     * @param  {number} y
-     * @param  {number} w
-     * @param  {number} h
-     * @return {object}
-     * @method
-     * @public
-     */
-    getNode(x, y, w, h) {
-        const node = this._$nodeObjectArray.length
-            ? this._$nodeObjectArray.pop()
-            : {
-                "x": 0,
-                "y": 0,
-                "w": 0,
-                "h": 0
-            };
-        node.x = x;
-        node.y = y;
-        node.w = w;
-        node.h = h;
-        return node;
-    }
-    /**
-     * @param  {number} width
-     * @param  {number} height
-     * @return {object}
-     * @method
-     * @public
-     */
-    createCachePosition(width, height) {
-        const object = this._$positionObjectArray.length
-            ? this._$positionObjectArray.pop()
-            : {
-                "index": 0,
-                "x": 0,
-                "y": 0,
-                "w": 0,
-                "h": 0
-            };
-        // init
-        object.x = object.y = 0;
-        object.w = width;
-        object.h = height;
-        // search
-        for (const [index, nodes] of this._$atlasNodes) {
-            // root node
-            if (!nodes.length) {
-                if (width > height) {
-                    if ($RENDER_SIZE - width - 1 > 0) {
-                        nodes.push(this.getNode(width + 1, 0, $RENDER_SIZE - width - 1, height));
-                    }
-                    if ($RENDER_SIZE - height - 1 > 0) {
-                        nodes.push(this.getNode(0, height + 1, $RENDER_SIZE, $RENDER_SIZE - height - 1));
-                    }
-                }
-                else {
-                    if ($RENDER_SIZE - height - 1 > 0) {
-                        nodes.push(this.getNode(0, height + 1, width, $RENDER_SIZE - height - 1));
-                    }
-                    if ($RENDER_SIZE - width - 1 > 0) {
-                        nodes.push(this.getNode(width + 1, 0, $RENDER_SIZE - width - 1, $RENDER_SIZE));
-                    }
-                }
-                object.index = index;
-                const caches = this._$atlasCacheMap.get(object.index);
-                caches.push(object);
-                return object;
-            }
-            const length = nodes.length;
-            for (let idx = 0; idx < length; ++idx) {
-                const node = nodes[idx];
-                // no hit
-                if (width > node.w || height > node.h) {
-                    continue;
-                }
-                object.index = index;
-                object.x = node.x;
-                object.y = node.y;
-                const caches = this._$atlasCacheMap.get(object.index);
-                caches.push(object);
-                // division
-                if (node.w !== width || node.h !== height) {
-                    if (width > height) {
-                        if (node.h - height - 1 > 0) {
-                            nodes.push(this.getNode(node.x, node.y + height + 1, node.w, node.h - height - 1));
-                        }
-                        if (node.w - width - 1 > 0) {
-                            node.x = node.x + width + 1;
-                            node.w = node.w - width - 1;
-                            node.h = height;
-                        }
-                        else {
-                            nodes.splice(idx, 1);
-                            this._$nodeObjectArray.push(node);
-                        }
-                    }
-                    else {
-                        if (node.w - width - 1 > 0) {
-                            nodes.push(this.getNode(node.x + width + 1, node.y, node.w - width - 1, node.h));
-                        }
-                        if (node.h - height - 1 > 0) {
-                            node.y = node.y + height + 1;
-                            node.w = width;
-                            node.h = node.h - height - 1;
-                        }
-                        else {
-                            nodes.splice(idx, 1);
-                            this._$nodeObjectArray.push(node);
-                        }
-                    }
-                }
-                else {
-                    nodes.splice(idx, 1);
-                    this._$nodeObjectArray.push(node);
-                }
-                return object;
-            }
-        }
-        // ヒットしない場合は新しいtextureを生成
-        const index = this._$atlasTextures.length;
-        this.createTextureAtlas();
-        const nodes = this._$atlasNodes.get(index);
-        if (width > height) {
-            if ($RENDER_SIZE - width - 1 > 0) {
-                nodes.push(this.getNode(width + 1, 0, $RENDER_SIZE - width - 1, height));
-            }
-            if ($RENDER_SIZE - height - 1 > 0) {
-                nodes.push(this.getNode(0, height + 1, $RENDER_SIZE, $RENDER_SIZE - height - 1));
-            }
-        }
-        else {
-            if ($RENDER_SIZE - height - 1 > 0) {
-                nodes.push(this.getNode(0, height + 1, width, $RENDER_SIZE - height - 1));
-            }
-            if ($RENDER_SIZE - width - 1 > 0) {
-                nodes.push(this.getNode(width + 1, 0, $RENDER_SIZE - width - 1, $RENDER_SIZE));
-            }
-        }
-        object.index = index;
-        const caches = this._$atlasCacheMap.get(object.index);
-        caches.push(object);
-        return object;
-    }
-    /**
-     * @param {object}
-     * @method
-     * @public
-     */
-    releasePosition(position) {
-        var _a;
-        if (!this._$atlasNodes.has(position.index)) {
-            return;
-        }
-        // 先頭にrootとして再登録
-        (_a = this
-            ._$atlasNodes
-            .get(position.index)) === null || _a === void 0 ? void 0 : _a.unshift(this.getNode(position.x, position.y, position.w, position.h));
-        // pool
-        this._$positionObjectArray.push(position);
-    }
-    /**
-     * @return {void}
-     * @method
-     * @private
-     */
-    clearCache() {
-        for (const caches of this._$atlasCacheMap.values()) {
-            caches.length = 0;
-        }
-        for (const caches of this._$atlasNodes.values()) {
-            caches.length = 0;
-        }
-    }
-    /**
-     * @param  {number} width
-     * @param  {number} height
-     * @return {WebGLTexture}
-     * @method
-     * @private
-     */
-    _$createTexture(width, height) {
-        const texture = this._$gl.createTexture();
-        texture.width = 0;
-        texture.height = 0;
-        texture.area = 0;
-        texture.dirty = true;
-        texture.smoothing = true;
-        this.bind0(texture, false);
-        this._$gl.texParameteri(this._$gl.TEXTURE_2D, this._$gl.TEXTURE_WRAP_S, this._$gl.CLAMP_TO_EDGE);
-        this._$gl.texParameteri(this._$gl.TEXTURE_2D, this._$gl.TEXTURE_WRAP_T, this._$gl.CLAMP_TO_EDGE);
-        texture.width = width;
-        texture.height = height;
-        texture.area = width * height;
-        texture.dirty = false;
-        this._$gl.texStorage2D(this._$gl.TEXTURE_2D, 1, this._$gl.RGBA8, width, height);
-        return texture;
-    }
-    /**
-     * @param  {number} width
-     * @param  {number} height
-     * @return {WebGLTexture}
-     * @method
-     * @private
-     */
-    _$getTexture(width, height) {
-        // プールに同じサイズのテクスチャがあれば、それを使い回す
-        for (let i = 0; i < this._$objectPool.length; i++) {
-            const texture = this._$objectPool[i];
-            if (texture.width === width && texture.height === height) {
-                this._$objectPool.splice(i, 1);
-                this._$objectPoolArea -= texture.area;
-                this.bind0(texture, false);
-                return texture;
-            }
-        }
-        return this._$createTexture(width, height);
-    }
-    /**
-     * @param  {number}     width
-     * @param  {number}     height
-     * @param  {Uint8Array} [pixels=null]
-     * @param  {boolean}    [premultiplied_alpha=false]
-     * @param  {boolean}    [flip_y=true]
-     * @method
-     * @return {WebGLTexture}
-     */
-    create(width, height, pixels = null, premultiplied_alpha = false, flip_y = true) {
-        const texture = this._$getTexture(width, height);
-        if (premultiplied_alpha) {
-            this._$gl.pixelStorei(this._$gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, true);
-        }
-        if (!flip_y) {
-            this._$gl.pixelStorei(this._$gl.UNPACK_FLIP_Y_WEBGL, false);
-        }
-        if (texture.width !== width || texture.height !== height) {
-            texture.width = width;
-            texture.height = height;
-            texture.area = width * height;
-            texture.dirty = false;
-            this._$gl.texImage2D(this._$gl.TEXTURE_2D, 0, this._$gl.RGBA, width, height, 0, this._$gl.RGBA, this._$gl.UNSIGNED_BYTE, pixels);
-        }
-        else if (pixels) {
-            texture.dirty = false;
-            this._$gl.texSubImage2D(this._$gl.TEXTURE_2D, 0, 0, 0, width, height, this._$gl.RGBA, this._$gl.UNSIGNED_BYTE, pixels);
-        }
-        if (premultiplied_alpha) {
-            this._$gl.pixelStorei(this._$gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, false);
-        }
-        if (!flip_y) {
-            this._$gl.pixelStorei(this._$gl.UNPACK_FLIP_Y_WEBGL, true);
-        }
-        return texture;
-    }
-    /**
-     * @param  {HTMLImageElement} image
-     * @param  {boolean} [smoothing=false]
-     * @return {WebGLTexture}
-     * @method
-     * @public
-     */
-    createFromImage(image, smoothing = false) {
-        return this._$createFromElement(image.width, image.height, image, smoothing);
-    }
-    /**
-     * @param  {HTMLCanvasElement} canvas
-     * @return {WebGLTexture}
-     * @method
-     * @public
-     */
-    createFromCanvas(canvas) {
-        return this._$createFromElement(canvas.width, canvas.height, canvas, false);
-    }
-    /**
-     * @param  {HTMLVideoElement} video
-     * @param  {boolean} [smoothing=false]
-     * @return {WebGLTexture}
-     * @method
-     * @public
-     */
-    createFromVideo(video, smoothing = false) {
-        return this._$createFromElement(video.videoWidth, video.videoHeight, video, smoothing);
-    }
-    /**
-     * @param  {number} width
-     * @param  {number} height
-     * @param  {HTMLImageElement|HTMLCanvasElement|HTMLVideoElement} element
-     * @param  {boolean} [smoothing=false]
-     * @return {WebGLTexture}
-     * @method
-     * @private
-     */
-    _$createFromElement(width, height, element, smoothing = false) {
-        const texture = this._$getTexture(width, height);
-        texture.dirty = false;
-        this.bind0(texture, smoothing);
-        this._$gl.pixelStorei(this._$gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, true);
-        if (texture.width !== width || texture.height !== height) {
-            texture.width = width;
-            texture.height = height;
-            texture.area = width * height;
-            this._$gl.texImage2D(this._$gl.TEXTURE_2D, 0, this._$gl.RGBA, this._$gl.RGBA, this._$gl.UNSIGNED_BYTE, element);
-        }
-        else {
-            this._$gl.texSubImage2D(this._$gl.TEXTURE_2D, 0, 0, 0, this._$gl.RGBA, this._$gl.UNSIGNED_BYTE, element);
-        }
-        this._$gl.pixelStorei(this._$gl.UNPACK_PREMULTIPLY_ALPHA_WEBGL, false);
-        return texture;
-    }
-    /**
-     * @param  {WebGLTexture} texture
-     * @return {void}
-     * @method
-     * @public
-     */
-    release(texture) {
-        // テクスチャのサイズが非常に大きい場合はプールしない
-        if (texture.area > this._$maxWidth * this._$maxHeight * 2) {
-            this._$gl.deleteTexture(texture);
-            return;
-        }
-        texture.dirty = true;
-        this._$objectPool.push(texture);
-        this._$objectPoolArea += texture.area;
-        // プール容量が一定を超えたら、古いテクスチャから削除していく
-        if (this._$objectPool.length
-            && this._$objectPoolArea > this._$maxWidth * this._$maxHeight * 10) {
-            const oldTexture = this._$objectPool.shift();
-            this._$objectPoolArea -= oldTexture.area;
-            this._$gl.deleteTexture(oldTexture);
-        }
-    }
-    /**
-     * @param  {WebGLTexture} texture0
-     * @param  {boolean|null} [smoothing0=null]
-     * @return {void}
-     * @method
-     * @public
-     */
-    bind0(texture0, smoothing0 = null) {
-        this._$bindTexture(2, this._$gl.TEXTURE2, null, null);
-        this._$bindTexture(1, this._$gl.TEXTURE1, null, null);
-        this._$bindTexture(0, this._$gl.TEXTURE0, texture0, smoothing0);
-    }
-    /**
-     * @param  {WebGLTexture} texture0
-     * @param  {WebGLTexture} texture1
-     * @param  {boolean}      [smoothing01=null]
-     * @return {void}
-     * @method
-     * @public
-     */
-    bind01(texture0, texture1, smoothing01 = null) {
-        this._$bindTexture(2, this._$gl.TEXTURE2, null, null);
-        this._$bindTexture(1, this._$gl.TEXTURE1, texture1, smoothing01);
-        this._$bindTexture(0, this._$gl.TEXTURE0, texture0, smoothing01);
-    }
-    /**
-     * @param  {WebGLTexture} texture0
-     * @param  {WebGLTexture} texture1
-     * @param  {WebGLTexture} texture2
-     * @param  {boolean}      [smoothing2=null]
-     * @return {void}
-     * @method
-     * @public
-     */
-    bind012(texture0, texture1, texture2, smoothing2 = null) {
-        this._$bindTexture(2, this._$gl.TEXTURE2, texture2, smoothing2);
-        this._$bindTexture(1, this._$gl.TEXTURE1, texture1, null);
-        this._$bindTexture(0, this._$gl.TEXTURE0, texture0, null);
-    }
-    /**
-     * @param  {WebGLTexture} texture0
-     * @param  {WebGLTexture} texture2
-     * @param  {boolean}      [smoothing2=null]
-     * @return {void}
-     * @method
-     * @public
-     */
-    bind02(texture0, texture2, smoothing2 = null) {
-        this._$bindTexture(2, this._$gl.TEXTURE2, texture2, smoothing2);
-        this._$bindTexture(1, this._$gl.TEXTURE1, null, null);
-        this._$bindTexture(0, this._$gl.TEXTURE0, texture0, null);
-    }
-    /**
-     * @param  {number}       index
-     * @param  {number}       target
-     * @param  {WebGLTexture} texture
-     * @param  {boolean}      smoothing
-     * @return {void}
-     * @method
-     * @private
-     */
-    _$bindTexture(index, target, texture = null, smoothing = null) {
-        const shouldBind = texture !== this._$boundTextures[index];
-        const shouldSmooth = smoothing !== null && texture !== null && smoothing !== texture.smoothing;
-        const shouldActive = (shouldBind || shouldSmooth || target === this._$gl.TEXTURE0)
-            && target !== this._$activeTexture;
-        if (shouldActive) {
-            this._$activeTexture = target;
-            this._$gl.activeTexture(target);
-        }
-        if (shouldBind) {
-            this._$boundTextures[index] = texture;
-            this._$gl.bindTexture(this._$gl.TEXTURE_2D, texture);
-        }
-        if (shouldSmooth) {
-            if (texture) {
-                texture.smoothing = !!smoothing;
-            }
-            const filter = smoothing ? this._$gl.LINEAR : this._$gl.NEAREST;
-            this._$gl.texParameteri(this._$gl.TEXTURE_2D, this._$gl.TEXTURE_MIN_FILTER, filter);
-            this._$gl.texParameteri(this._$gl.TEXTURE_2D, this._$gl.TEXTURE_MAG_FILTER, filter);
-        }
-    }
-}

package/dist/VertexArrayObjectManager.d.ts

@@ -1,115 +0,0 @@
-import type { CapsStyleImpl } from "./interface/CapsStyleImpl";
-import type { JointStyleImpl } from "./interface/JointStyleImpl";
-import type { WebGLShaderInstance } from "./shader/WebGLShaderInstance";
-/**
- * @class
- */
-export declare class VertexArrayObjectManager {
-    private _$gl;
-    private readonly _$fillVertexArrayPool;
-    private readonly _$strokeVertexArrayPool;
-    private _$boundVertexArray;
-    private readonly _$fillAttrib_vertex;
-    private readonly _$fillAttrib_bezier;
-    private readonly _$strokeAttrib_vertex;
-    private readonly _$strokeAttrib_option1;
-    private readonly _$strokeAttrib_option2;
-    private readonly _$strokeAttrib_type;
-    private readonly _$vertexBufferData;
-    private readonly _$commonVertexArray;
-    private readonly _$instanceVertexArray;
-    private readonly _$attributeVertexBuffer;
-    private _$attributeBuffer;
-    /**
-     * @param {WebGL2RenderingContext} gl
-     * @constructor
-     * @public
-     */
-    constructor(gl: WebGL2RenderingContext);
-    /**
-     * @param  {number} begin
-     * @param  {number} end
-     * @return {WebGLVertexArrayObject}
-     * @method
-     * @private
-     */
-    _$getCommonVertexArray(): WebGLVertexArrayObject;
-    /**
-     * @param  {number} begin
-     * @param  {number} end
-     * @return {WebGLVertexArrayObject}
-     * @method
-     * @private
-     */
-    _$getVertexArray(begin: number, end: number): WebGLVertexArrayObject;
-    /**
-     * @return {WebGLVertexArrayObject}
-     * @method
-     * @private
-     */
-    _$getFillVertexArray(): WebGLVertexArrayObject;
-    /**
-     * @return {WebGLVertexArrayObject}
-     * @method
-     * @private
-     */
-    _$getStrokeVertexArray(): WebGLVertexArrayObject;
-    /**
-     * @param  {array} vertices
-     * @return {WebGLVertexArrayObject}
-     * @method
-     * @public
-     */
-    createFill(vertices: any[]): WebGLVertexArrayObject;
-    /**
-     * @param  {array} vertices
-     * @param  {string} lineCap
-     * @param  {string} lineJoin
-     * @return {WebGLVertexArrayObject}
-     * @method
-     * @public
-     */
-    createStroke(vertices: any[], lineCap: CapsStyleImpl, lineJoin: JointStyleImpl): WebGLVertexArrayObject;
-    /**
-     * @param  {WebGLVertexArrayObject} vertex_array
-     * @return {void}
-     * @method
-     * @public
-     */
-    releaseFill(vertex_array: WebGLVertexArrayObject): void;
-    /**
-     * @param  {WebGLVertexArrayObject} vertex_array
-     * @return {void}
-     * @method
-     * @public
-     */
-    releaseStroke(vertex_array: WebGLVertexArrayObject): void;
-    /**
-     * @param  {WebGLVertexArrayObject} [vertex_array = null]
-     * @return {void}
-     * @method
-     * @public
-     */
-    bind(vertex_array?: WebGLVertexArrayObject | null): void;
-    /**
-     * @param  {WebGLShaderInstance} instance
-     * @return {void}
-     * @method
-     * @public
-     */
-    bindInstnceArray(instance: WebGLShaderInstance): void;
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    bindCommonVertexArray(): void;
-    /**
-     * @param  {number} begin
-     * @param  {number} end
-     * @return {void}
-     * @method
-     * @public
-     */
-    bindGradientVertexArray(begin: number, end: number): void;
-}