@next2d/webgl 1.18.12 → 3.0.0

package/dist/CanvasToWebGLContextBlend.d.ts

@@ -1,175 +0,0 @@
-import type { CanvasToWebGLContext } from "./CanvasToWebGLContext";
-import type { BlendModeImpl } from "./interface/BlendModeImpl";
-import type { CachePositionImpl } from "./interface/CachePositionImpl";
-/**
- * @class
- */
-export declare class CanvasToWebGLContextBlend {
-    private readonly _$context;
-    private readonly _$gl;
-    private _$enabled;
-    private _$funcCode;
-    private _$currentOperation;
-    private _$currentIndex;
-    private _$currentSmoothing;
-    private _$variants;
-    private _$instanceShader;
-    /**
-     * @param {CanvasToWebGLContext} context
-     * @param {WebGL2RenderingContext} gl
-     * @constructor
-     * @public
-     */
-    constructor(context: CanvasToWebGLContext, gl: WebGL2RenderingContext);
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    enable(): void;
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    disable(): void;
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    reset(): void;
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    toOneZero(): void;
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    toZeroOne(): void;
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    toAdd(): void;
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    toScreen(): void;
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    toAlpha(): void;
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    toErase(): void;
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    toSourceAtop(): void;
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    toSourceIn(): void;
-    /**
-     * @param  {string} operation
-     * @return {void}
-     * @method
-     * @public
-     */
-    toOperation(operation: BlendModeImpl): void;
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    clearInstacedArray(): void;
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    drawInstacedArray(): void;
-    /**
-     * @param  {object} position
-     * @param  {number} ct0
-     * @param  {number} ct1
-     * @param  {number} ct2
-     * @param  {number} ct3
-     * @param  {number} ct4
-     * @param  {number} ct5
-     * @param  {number} ct6
-     * @param  {number} ct7
-     * @param  {string} operation
-     * @param  {number} render_width
-     * @param  {number} render_height
-     * @param  {Float32Array} matrix
-     * @param  {boolean} smoothing
-     * @return {void}
-     * @method
-     * @public
-     */
-    drawInstance(position: CachePositionImpl, ct0: number, ct1: number, ct2: number, ct3: number, ct4: number, ct5: number, ct6: number, ct7: number, operation: BlendModeImpl, render_width: number, render_height: number, matrix: Float32Array, smoothing: boolean): void;
-    /**
-     * @param {WebGLTexture} atlas_texture
-     * @param {number} x_min
-     * @param {number} y_min
-     * @param {number} x_max
-     * @param {number} y_max
-     * @param {number} ct0
-     * @param {number} ct1
-     * @param {number} ct2
-     * @param {number} ct3
-     * @param {number} ct4
-     * @param {number} ct5
-     * @param {number} ct6
-     * @param {number} ct7
-     * @param {object} cache_position
-     * @param {string} operation
-     * @param {number} render_width
-     * @param {number} render_height
-     * @param {Float32Array} matrix
-     * @param {boolean} smoothing
-     */
-    drawInstanceBlend(atlas_texture: WebGLTexture, x_min: number, y_min: number, x_max: number, y_max: number, ct0: number, ct1: number, ct2: number, ct3: number, ct4: number, ct5: number, ct6: number, ct7: number, cache_position: CachePositionImpl, operation: BlendModeImpl, render_width: number, render_height: number, matrix: Float32Array, smoothing: boolean): void;
-    /**
-     * @param  {WebGLTexture} image
-     * @param  {number} x
-     * @param  {number} y
-     * @param  {number} w
-     * @param  {number} h
-     * @param  {number} ct0
-     * @param  {number} ct1
-     * @param  {number} ct2
-     * @param  {number} ct3
-     * @param  {number} ct4
-     * @param  {number} ct5
-     * @param  {number} ct6
-     * @param  {number} ct7
-     * @param  {string} operation
-     * @param  {number} renderWidth
-     * @param  {number} renderHeight
-     * @param  {Float32Array} matrix
-     * @param  {boolean} imageSmoothingEnabled
-     * @return {void}
-     * @method
-     * @public
-     */
-    drawImage(image: WebGLTexture, x: number, y: number, w: number, h: number, ct0: number, ct1: number, ct2: number, ct3: number, ct4: number, ct5: number, ct6: number, ct7: number, operation: BlendModeImpl, renderWidth: number, renderHeight: number, matrix: Float32Array, imageSmoothingEnabled: boolean): void;
-}

package/dist/CanvasToWebGLContextBlend.js

@@ -1,483 +0,0 @@
-import { $Math, $Number, $inverseMatrix } from "@next2d/share";
-/**
- * @class
- */
-export class CanvasToWebGLContextBlend {
-    /**
-     * @param {CanvasToWebGLContext} context
-     * @param {WebGL2RenderingContext} gl
-     * @constructor
-     * @public
-     */
-    constructor(context, gl) {
-        /**
-         * @type {CanvasToWebGLContext}
-         * @private
-         */
-        this._$context = context;
-        /**
-         * @type {WebGL2RenderingContext}
-         * @private
-         */
-        this._$gl = gl;
-        /**
-         * @type {boolean}
-         * @default false
-         * @private
-         */
-        this._$enabled = false;
-        /**
-         * @type {number}
-         * @default 600
-         * @private
-         */
-        this._$funcCode = 600;
-        /**
-         * @type {string}
-         * @private
-         */
-        this._$currentOperation = "normal";
-        /**
-         * @type {number}
-         * @default -1
-         * @private
-         */
-        this._$currentIndex = -1;
-        /**
-         * @type {boolean}
-         * @default null
-         * @private
-         */
-        this._$currentSmoothing = null;
-        /**
-         * @type {BlendShaderVariantCollection}
-         * @private
-         */
-        this._$variants = context.shaderList.blendShaderVariants;
-        /**
-         * @type {CanvasToWebGLShader}
-         * @private
-         */
-        this._$instanceShader = this._$variants.getInstanceShader();
-        // start
-        this.enable();
-    }
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    enable() {
-        if (!this._$enabled) {
-            this._$enabled = true;
-            this._$gl.enable(this._$gl.BLEND);
-        }
-        this.reset();
-    }
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    disable() {
-        if (this._$enabled) {
-            this._$enabled = false;
-            this._$gl.disable(this._$gl.BLEND);
-        }
-    }
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    reset() {
-        if (this._$funcCode !== 613) {
-            this._$funcCode = 613;
-            this._$gl.blendFunc(this._$gl.ONE, this._$gl.ONE_MINUS_SRC_ALPHA);
-        }
-    }
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    toOneZero() {
-        if (this._$funcCode !== 610) {
-            this._$funcCode = 610;
-            this._$gl.blendFunc(this._$gl.ONE, this._$gl.ZERO);
-        }
-    }
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    toZeroOne() {
-        if (this._$funcCode !== 601) {
-            this._$funcCode = 601;
-            this._$gl.blendFuncSeparate(this._$gl.ZERO, this._$gl.ONE, this._$gl.ONE, this._$gl.ZERO);
-        }
-    }
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    toAdd() {
-        if (this._$funcCode !== 611) {
-            this._$funcCode = 611;
-            this._$gl.blendFunc(this._$gl.ONE, this._$gl.ONE);
-        }
-    }
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    toScreen() {
-        if (this._$funcCode !== 641) {
-            this._$funcCode = 641;
-            this._$gl.blendFunc(this._$gl.ONE_MINUS_DST_COLOR, this._$gl.ONE);
-        }
-    }
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    toAlpha() {
-        if (this._$funcCode !== 606) {
-            this._$funcCode = 606;
-            this._$gl.blendFunc(this._$gl.ZERO, this._$gl.SRC_ALPHA);
-        }
-    }
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    toErase() {
-        if (this._$funcCode !== 603) {
-            this._$funcCode = 603;
-            this._$gl.blendFunc(this._$gl.ZERO, this._$gl.ONE_MINUS_SRC_ALPHA);
-        }
-    }
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    toSourceAtop() {
-        if (this._$funcCode !== 673) {
-            this._$funcCode = 673;
-            this._$gl.blendFunc(this._$gl.DST_ALPHA, this._$gl.ONE_MINUS_SRC_ALPHA);
-        }
-    }
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    toSourceIn() {
-        if (this._$funcCode !== 670) {
-            this._$funcCode = 670;
-            this._$gl.blendFunc(this._$gl.DST_ALPHA, this._$gl.ZERO);
-        }
-    }
-    /**
-     * @param  {string} operation
-     * @return {void}
-     * @method
-     * @public
-     */
-    toOperation(operation) {
-        switch (operation) {
-            case "add":
-                this.toAdd();
-                break;
-            case "screen":
-                this.toScreen();
-                break;
-            case "alpha":
-                this.toAlpha();
-                break;
-            case "erase":
-                this.toErase();
-                break;
-            case "copy":
-                this.toOneZero();
-                break;
-            default:
-                this.reset();
-                break;
-        }
-    }
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    clearInstacedArray() {
-        const instance = this._$instanceShader.instance;
-        if (!instance.count) {
-            return;
-        }
-        instance.clear();
-    }
-    /**
-     * @return {void}
-     * @method
-     * @public
-     */
-    drawInstacedArray() {
-        const instance = this._$instanceShader.instance;
-        if (!instance.count) {
-            return;
-        }
-        const manager = this._$context.frameBuffer;
-        const texture = manager
-            .textureManager
-            .getAtlasTexture(this._$currentIndex);
-        manager
-            .textureManager
-            .bind0(texture, this._$currentSmoothing);
-        this.toOperation(this._$currentOperation);
-        this
-            ._$instanceShader
-            .drawArraysInstanced(instance);
-        instance.clear();
-    }
-    /**
-     * @param  {object} position
-     * @param  {number} ct0
-     * @param  {number} ct1
-     * @param  {number} ct2
-     * @param  {number} ct3
-     * @param  {number} ct4
-     * @param  {number} ct5
-     * @param  {number} ct6
-     * @param  {number} ct7
-     * @param  {string} operation
-     * @param  {number} render_width
-     * @param  {number} render_height
-     * @param  {Float32Array} matrix
-     * @param  {boolean} smoothing
-     * @return {void}
-     * @method
-     * @public
-     */
-    drawInstance(position, ct0, ct1, ct2, ct3, ct4, ct5, ct6, ct7, operation, render_width, render_height, matrix, smoothing) {
-        if (!this._$currentOperation) {
-            this._$currentOperation = operation;
-        }
-        if (this._$currentIndex === -1) {
-            this._$currentIndex = position.index;
-        }
-        if (this._$currentSmoothing === null) {
-            this._$currentSmoothing = smoothing;
-        }
-        if (this._$currentOperation !== operation
-            || this._$currentIndex !== position.index
-            || this._$currentSmoothing !== smoothing) {
-            // execute
-            this.drawInstacedArray();
-            // update
-            this._$currentOperation = operation;
-            this._$currentIndex = position.index;
-            this._$currentSmoothing = smoothing;
-        }
-        this._$variants.pushNormalBlend(this._$instanceShader.instance, position.x, position.y, position.w, position.h, matrix, render_width, render_height, ct0, ct1, ct2, ct3, ct4, ct5, ct6, ct7);
-    }
-    /**
-     * @param {WebGLTexture} atlas_texture
-     * @param {number} x_min
-     * @param {number} y_min
-     * @param {number} x_max
-     * @param {number} y_max
-     * @param {number} ct0
-     * @param {number} ct1
-     * @param {number} ct2
-     * @param {number} ct3
-     * @param {number} ct4
-     * @param {number} ct5
-     * @param {number} ct6
-     * @param {number} ct7
-     * @param {object} cache_position
-     * @param {string} operation
-     * @param {number} render_width
-     * @param {number} render_height
-     * @param {Float32Array} matrix
-     * @param {boolean} smoothing
-     */
-    drawInstanceBlend(atlas_texture, x_min, y_min, x_max, y_max, ct0, ct1, ct2, ct3, ct4, ct5, ct6, ct7, cache_position, operation, render_width, render_height, matrix, smoothing) {
-        this.drawInstacedArray();
-        const manager = this._$context.frameBuffer;
-        const currentAttachment = manager.currentAttachment;
-        const withCT = ct0 !== 1 || ct1 !== 1 || ct2 !== 1 || ct3 !== 1 ||
-            ct4 !== 0 || ct5 !== 0 || ct6 !== 0 || ct7 !== 0;
-        const texture = manager
-            .getTextureFromCurrentAttachment();
-        const backTextureAttachment = this
-            ._$context
-            .frameBuffer
-            .createTextureAttachment(cache_position.w, cache_position.h);
-        this
-            ._$context
-            ._$bind(backTextureAttachment);
-        manager
-            .textureManager
-            .bind0(texture);
-        const clipShader = this._$variants.getClipShader();
-        const clipUniform = clipShader.uniform;
-        this._$variants.setClipUniform(clipUniform, 0, 0, cache_position.w, cache_position.h, $inverseMatrix(matrix), render_width, render_height);
-        this.reset();
-        clipShader._$drawImage();
-        const backTexture = manager
-            .getTextureFromCurrentAttachment();
-        this._$context._$bind(currentAttachment);
-        manager
-            .textureManager
-            .bind01(backTexture, atlas_texture, smoothing);
-        const shader = this
-            ._$variants
-            .getInstanceBlendShader(operation, withCT);
-        this._$variants.setInstanceBlendUniform(shader.uniform, cache_position.x / atlas_texture.width, cache_position.y / atlas_texture.height, cache_position.w / atlas_texture.width, cache_position.h / atlas_texture.height, cache_position.w, cache_position.h, matrix, render_width, render_height, withCT, ct0, ct1, ct2, ct3, ct4, ct5, ct6, ct7);
-        const width = $Math.abs(x_max - x_min);
-        const height = $Math.abs(y_max - y_min);
-        this._$gl.enable(this._$gl.SCISSOR_TEST);
-        this._$gl.scissor(x_min, render_height - (y_min + height), width, height);
-        this.toOneZero();
-        shader._$drawImage();
-        this._$gl.disable(this._$gl.SCISSOR_TEST);
-        manager.releaseAttachment(backTextureAttachment, true);
-    }
-    /**
-     * @param  {WebGLTexture} image
-     * @param  {number} x
-     * @param  {number} y
-     * @param  {number} w
-     * @param  {number} h
-     * @param  {number} ct0
-     * @param  {number} ct1
-     * @param  {number} ct2
-     * @param  {number} ct3
-     * @param  {number} ct4
-     * @param  {number} ct5
-     * @param  {number} ct6
-     * @param  {number} ct7
-     * @param  {string} operation
-     * @param  {number} renderWidth
-     * @param  {number} renderHeight
-     * @param  {Float32Array} matrix
-     * @param  {boolean} imageSmoothingEnabled
-     * @return {void}
-     * @method
-     * @public
-     */
-    drawImage(image, x, y, w, h, ct0, ct1, ct2, ct3, ct4, ct5, ct6, ct7, operation, renderWidth, renderHeight, matrix, imageSmoothingEnabled) {
-        const manager = this._$context.frameBuffer;
-        const currentBuffer = manager.currentAttachment;
-        const withCT = ct0 !== 1 || ct1 !== 1 || ct2 !== 1 || ct3 !== 1 ||
-            ct4 !== 0 || ct5 !== 0 || ct6 !== 0 || ct7 !== 0;
-        switch (operation) {
-            case "normal":
-            case "layer":
-            case "add":
-            case "screen":
-            case "alpha":
-            case "erase":
-            case "copy":
-                {
-                    manager.textureManager.bind0(image, imageSmoothingEnabled);
-                    const shader = this._$variants.getNormalBlendShader(withCT);
-                    this._$variants.setNormalBlendUniform(shader.uniform, x, y, w, h, matrix, renderWidth, renderHeight, withCT, ct0, ct1, ct2, ct3, ct4, ct5, ct6, ct7);
-                    const a = matrix[0];
-                    const b = matrix[1];
-                    const c = matrix[3];
-                    const d = matrix[4];
-                    const tx = matrix[6];
-                    const ty = matrix[7];
-                    if (a !== 1 || b !== 0 || c !== 0 || d !== 1) {
-                        const left = x;
-                        const right = x + w;
-                        const top = y;
-                        const bottom = y + h;
-                        const x0 = +(right * a + bottom * c + tx);
-                        const x1 = +(right * a + top * c + tx);
-                        const x2 = +(left * a + bottom * c + tx);
-                        const x3 = +(left * a + top * c + tx);
-                        const y0 = +(right * b + bottom * d + ty);
-                        const y1 = +(right * b + top * d + ty);
-                        const y2 = +(left * b + bottom * d + ty);
-                        const y3 = +(left * b + top * d + ty);
-                        const no = $Number.MAX_VALUE;
-                        const xMin = +$Math.min($Math.min($Math.min($Math.min(no, x0), x1), x2), x3);
-                        const xMax = +$Math.max($Math.max($Math.max($Math.max(-no, x0), x1), x2), x3);
-                        const yMin = +$Math.min($Math.min($Math.min($Math.min(no, y0), y1), y2), y3);
-                        const yMax = +$Math.max($Math.max($Math.max($Math.max(-no, y0), y1), y2), y3);
-                        const sx = $Math.max(0, xMin);
-                        const sy = $Math.max(0, yMin);
-                        const sw = $Math.min($Math.max(0, renderWidth - sx), $Math.ceil($Math.abs(xMax - xMin)));
-                        const sh = $Math.min($Math.max(0, renderHeight - sy), $Math.ceil($Math.abs(yMax - yMin)));
-                        if (!sw || !sh) {
-                            return;
-                        }
-                        this._$gl.enable(this._$gl.SCISSOR_TEST);
-                        this._$gl.scissor(sx, $Math.max(0, renderHeight - (sy + sh)), sw + 1, sh + 1);
-                    }
-                    else {
-                        const sx = $Math.max(0, x + tx);
-                        const sy = $Math.max(0, y + ty);
-                        const sw = $Math.min($Math.max(0, renderWidth - sx), w);
-                        const sh = $Math.min($Math.max(0, renderHeight - sy), h);
-                        if (!sw || !sh) {
-                            return;
-                        }
-                        this._$gl.enable(this._$gl.SCISSOR_TEST);
-                        this._$gl.scissor(sx, $Math.max(0, renderHeight - (sy + sh)), sw + 1, sh + 1);
-                    }
-                    this.toOperation(operation);
-                    shader._$drawImage();
-                    this._$gl.disable(this._$gl.SCISSOR_TEST);
-                }
-                break;
-            default:
-                {
-                    const sx = $Math.max(0, x + matrix[6]);
-                    const sy = $Math.max(0, y + matrix[7]);
-                    const sw = $Math.min($Math.max(0, renderWidth - sx), w);
-                    const sh = $Math.min($Math.max(0, renderHeight - sy), h);
-                    if (!sw || !sh) {
-                        return;
-                    }
-                    const texture = manager.getTextureFromCurrentAttachment();
-                    const backTextureAttachment = this
-                        ._$context
-                        .frameBuffer
-                        .createTextureAttachment(w, h);
-                    this._$context._$bind(backTextureAttachment);
-                    manager.textureManager.bind0(texture);
-                    const clipShader = this._$variants.getClipShader();
-                    const clipUniform = clipShader.uniform;
-                    this._$variants.setClipUniform(clipUniform, x, y, w, h, $inverseMatrix(matrix), renderWidth, renderHeight);
-                    this.reset();
-                    clipShader._$drawImage();
-                    const backTexture = manager
-                        .getTextureFromCurrentAttachment();
-                    this._$context._$bind(currentBuffer);
-                    manager.textureManager.bind01(backTexture, image, imageSmoothingEnabled);
-                    const shader = this
-                        ._$variants
-                        .getBlendShader(operation, withCT);
-                    this._$variants.setBlendUniform(shader.uniform, x, y, w, h, matrix, renderWidth, renderHeight, withCT, ct0, ct1, ct2, ct3, ct4, ct5, ct6, ct7);
-                    this._$gl.enable(this._$gl.SCISSOR_TEST);
-                    this._$gl.scissor(sx, $Math.max(0, renderHeight - (sy + sh)), sw, sh);
-                    this.toOneZero();
-                    shader._$drawImage();
-                    this._$gl.disable(this._$gl.SCISSOR_TEST);
-                    manager.releaseAttachment(backTextureAttachment, true);
-                }
-                break;
-        }
-    }
-}