@next2d/webgl 1.18.12 → 2.0.0

package/dist/shader/variants/ShapeShaderVariantCollection.js

@@ -1,427 +0,0 @@
-import { CanvasToWebGLShader } from "../CanvasToWebGLShader";
-import { VertexShaderSourceStroke } from "../vertex/VertexShaderSourceStroke";
-import { VertexShaderSourceFill } from "../vertex/VertexShaderSourceFill";
-import { FragmentShaderSource } from "../fragment/FragmentShaderSource";
-import { $getMap } from "@next2d/share";
-/**
- * @class
- */
-export class ShapeShaderVariantCollection {
-    /**
-     * @param {CanvasToWebGLContext}  context
-     * @param {WebGL2RenderingContext} gl
-     * @constructor
-     * @public
-     */
-    constructor(context, gl) {
-        /**
-         * @type {CanvasToWebGLContext}
-         * @private
-         */
-        this._$context = context;
-        /**
-         * @type {WebGL2RenderingContext}
-         * @private
-         */
-        this._$gl = gl;
-        /**
-         * @type {Map}
-         * @private
-         */
-        this._$collection = $getMap();
-    }
-    /**
-     * @param  {boolean} is_stroke
-     * @param  {boolean} has_grid
-     * @return {CanvasToWebGLShader}
-     * @method
-     * @public
-     */
-    getSolidColorShapeShader(is_stroke, has_grid) {
-        const key = `s${is_stroke ? "y" : "n"}${has_grid ? "y" : "n"}`;
-        if (this._$collection.has(key)) {
-            const shader = this._$collection.get(key);
-            if (shader) {
-                return shader;
-            }
-        }
-        const highpLength = (has_grid ? 8 : 3) + (is_stroke ? 1 : 0);
-        const fragmentIndex = highpLength;
-        let vertexShaderSource;
-        if (is_stroke) {
-            vertexShaderSource = VertexShaderSourceStroke.TEMPLATE(highpLength, fragmentIndex, false, has_grid);
-        }
-        else {
-            vertexShaderSource = VertexShaderSourceFill.TEMPLATE(highpLength, false, false, has_grid);
-        }
-        const shader = new CanvasToWebGLShader(this._$gl, this._$context, vertexShaderSource, FragmentShaderSource.SOLID_COLOR());
-        this._$collection.set(key, shader);
-        return shader;
-    }
-    /**
-     * @param  {boolean} is_stroke
-     * @param  {boolean} repeat
-     * @param  {boolean} has_grid
-     * @return {CanvasToWebGLShader}
-     * @method
-     * @public
-     */
-    getBitmapShapeShader(is_stroke, repeat, has_grid) {
-        const key = `b${is_stroke ? "y" : "n"}${repeat ? "y" : "n"}${has_grid ? "y" : "n"}`;
-        if (this._$collection.has(key)) {
-            const shader = this._$collection.get(key);
-            if (shader) {
-                return shader;
-            }
-        }
-        const highpLength = (has_grid ? 13 : 5) + (is_stroke ? 1 : 0);
-        const fragmentIndex = highpLength;
-        let vertexShaderSource;
-        if (is_stroke) {
-            vertexShaderSource = VertexShaderSourceStroke.TEMPLATE(highpLength, fragmentIndex, true, has_grid);
-        }
-        else {
-            vertexShaderSource = VertexShaderSourceFill.TEMPLATE(highpLength, true, false, has_grid);
-        }
-        const fragmentShaderSource = repeat
-            ? FragmentShaderSource.BITMAP_PATTERN()
-            : FragmentShaderSource.BITMAP_CLIPPED();
-        const shader = new CanvasToWebGLShader(this._$gl, this._$context, vertexShaderSource, fragmentShaderSource);
-        this._$collection.set(key, shader);
-        return shader;
-    }
-    /**
-     * @param  {boolean} is_stroke
-     * @param  {boolean} has_grid
-     * @return {CanvasToWebGLShader}
-     * @method
-     * @public
-     */
-    getMaskShapeShader(is_stroke, has_grid) {
-        const key = `m${is_stroke ? "y" : "n"}${has_grid ? "y" : "n"}`;
-        if (this._$collection.has(key)) {
-            const shader = this._$collection.get(key);
-            if (shader) {
-                return shader;
-            }
-        }
-        const highpLength = (has_grid ? 8 : 3) + (is_stroke ? 1 : 0);
-        const fragmentIndex = highpLength;
-        let vertexShaderSource;
-        if (is_stroke) {
-            vertexShaderSource = VertexShaderSourceStroke.TEMPLATE(highpLength, fragmentIndex, false, has_grid);
-        }
-        else {
-            vertexShaderSource = VertexShaderSourceFill.TEMPLATE(highpLength, false, true, has_grid);
-        }
-        const shader = new CanvasToWebGLShader(this._$gl, this._$context, vertexShaderSource, FragmentShaderSource.MASK());
-        this._$collection.set(key, shader);
-        return shader;
-    }
-    /**
-     * @param {WebGLShaderUniform} uniform
-     * @param {boolean} is_stroke
-     * @param {number}  half_width
-     * @param {number}  face
-     * @param {number}  miter_limit
-     * @param {boolean} has_grid
-     * @param {array}   matrix
-     * @param {number}  viewport_width
-     * @param {number}  viewport_height
-     * @param {CanvasToWebGLContextGrid} [grid = null]
-     * @param {array}   color
-     * @param {number}  alpha
-     * @method
-     * @public
-     */
-    setSolidColorShapeUniform(uniform, is_stroke, half_width, face, miter_limit, has_grid, matrix, viewport_width, viewport_height, grid, color, alpha) {
-        const highp = uniform.highp;
-        let i;
-        if (has_grid) {
-            // vertex: u_parent_matrix
-            highp[0] = grid.parentMatrixA;
-            highp[1] = grid.parentMatrixB;
-            highp[2] = grid.parentMatrixC;
-            highp[4] = grid.parentMatrixD;
-            highp[5] = grid.parentMatrixE;
-            highp[6] = grid.parentMatrixF;
-            highp[8] = grid.parentMatrixG;
-            highp[9] = grid.parentMatrixH;
-            highp[10] = grid.parentMatrixI;
-            // vertex: u_ancestor_matrix
-            highp[12] = grid.ancestorMatrixA;
-            highp[13] = grid.ancestorMatrixB;
-            highp[14] = grid.ancestorMatrixC;
-            highp[16] = grid.ancestorMatrixD;
-            highp[17] = grid.ancestorMatrixE;
-            highp[18] = grid.ancestorMatrixF;
-            highp[20] = grid.ancestorMatrixG;
-            highp[21] = grid.ancestorMatrixH;
-            highp[22] = grid.ancestorMatrixI;
-            // vertex: u_viewport
-            highp[3] = viewport_width;
-            highp[7] = viewport_height;
-            // vertex: u_parent_viewport
-            highp[11] = grid.parentViewportX;
-            highp[15] = grid.parentViewportY;
-            highp[19] = grid.parentViewportW;
-            highp[23] = grid.parentViewportH;
-            // vertex: u_grid_min
-            highp[24] = grid.minXST;
-            highp[25] = grid.minYST;
-            highp[26] = grid.minXPQ;
-            highp[27] = grid.minYPQ;
-            // vertex: u_grid_max
-            highp[28] = grid.maxXST;
-            highp[29] = grid.maxYST;
-            highp[30] = grid.maxXPQ;
-            highp[31] = grid.maxYPQ;
-            i = 32;
-        }
-        else {
-            // vertex: u_matrix
-            highp[0] = matrix[0];
-            highp[1] = matrix[1];
-            highp[2] = matrix[2];
-            highp[4] = matrix[3];
-            highp[5] = matrix[4];
-            highp[6] = matrix[5];
-            highp[8] = matrix[6];
-            highp[9] = matrix[7];
-            highp[10] = matrix[8];
-            // vertex: u_viewport
-            highp[3] = viewport_width;
-            highp[7] = viewport_height;
-            i = 12;
-        }
-        if (is_stroke) {
-            // vertex: u_half_width
-            highp[i] = half_width;
-            // vertex: u_face
-            highp[i + 1] = face;
-            // vertex: u_miter_limit
-            highp[i + 2] = miter_limit;
-        }
-        const mediump = uniform.mediump;
-        // fragment: u_color
-        mediump[0] = color[0];
-        mediump[1] = color[1];
-        mediump[2] = color[2];
-        mediump[3] = color[3] * alpha;
-    }
-    /**
-     * @param {WebGLShaderUniform} uniform
-     * @param {boolean} is_stroke
-     * @param {number}  half_width
-     * @param {number}  face
-     * @param {number}  miter_limit
-     * @param {boolean} has_grid
-     * @param {Float32Array} matrix
-     * @param {array}   inverse_matrix
-     * @param {number}  viewport_width
-     * @param {number}  viewport_height
-     * @param {CanvasToWebGLContextGrid} grid
-     * @param {number}  texture_width
-     * @param {number}  texture_height
-     * @param {number}  mul1
-     * @param {number}  mul2
-     * @param {number}  mul3
-     * @param {number}  mul4
-     * @param {number}  add1
-     * @param {number}  add2
-     * @param {number}  add3
-     * @param {number}  add4
-     * @return {void}
-     * @method
-     * @public
-     */
-    setBitmapShapeUniform(uniform, is_stroke, half_width, face, miter_limit, has_grid, matrix, inverse_matrix, viewport_width, viewport_height, grid, texture_width, texture_height, mul1, mul2, mul3, mul4, add1, add2, add3, add4) {
-        const highp = uniform.highp;
-        let i;
-        // vertex: u_matrix
-        highp[0] = matrix[0];
-        highp[1] = matrix[1];
-        highp[2] = matrix[2];
-        highp[4] = matrix[3];
-        highp[5] = matrix[4];
-        highp[6] = matrix[5];
-        highp[8] = matrix[6];
-        highp[9] = matrix[7];
-        highp[10] = matrix[8];
-        // vertex: u_inverse_matrix
-        highp[12] = inverse_matrix[0];
-        highp[13] = inverse_matrix[1];
-        highp[14] = inverse_matrix[2];
-        highp[16] = inverse_matrix[3];
-        highp[17] = inverse_matrix[4];
-        highp[18] = inverse_matrix[5];
-        highp[11] = inverse_matrix[6];
-        highp[15] = inverse_matrix[7];
-        highp[19] = inverse_matrix[8];
-        // vertex: u_viewport
-        highp[3] = viewport_width;
-        highp[7] = viewport_height;
-        i = 20;
-        if (has_grid) {
-            // vertex: u_parent_matrix
-            highp[i] = grid.parentMatrixA;
-            highp[i + 1] = grid.parentMatrixB;
-            highp[i + 2] = grid.parentMatrixC;
-            highp[i + 4] = grid.parentMatrixD;
-            highp[i + 5] = grid.parentMatrixE;
-            highp[i + 6] = grid.parentMatrixF;
-            highp[i + 8] = grid.parentMatrixG;
-            highp[i + 9] = grid.parentMatrixH;
-            highp[i + 10] = grid.parentMatrixI;
-            // vertex: u_ancestor_matrix
-            highp[i + 12] = grid.ancestorMatrixA;
-            highp[i + 13] = grid.ancestorMatrixB;
-            highp[i + 14] = grid.ancestorMatrixC;
-            highp[i + 16] = grid.ancestorMatrixD;
-            highp[i + 17] = grid.ancestorMatrixE;
-            highp[i + 18] = grid.ancestorMatrixF;
-            highp[i + 20] = grid.ancestorMatrixG;
-            highp[i + 21] = grid.ancestorMatrixH;
-            highp[i + 22] = grid.ancestorMatrixI;
-            // vertex: u_parent_viewport
-            highp[i + 11] = grid.parentViewportX;
-            highp[i + 15] = grid.parentViewportY;
-            highp[i + 19] = grid.parentViewportW;
-            highp[i + 23] = grid.parentViewportH;
-            // vertex: u_grid_min
-            highp[i + 24] = grid.minXST;
-            highp[i + 25] = grid.minYST;
-            highp[i + 26] = grid.minXPQ;
-            highp[i + 27] = grid.minYPQ;
-            // vertex: u_grid_max
-            highp[i + 28] = grid.maxXST;
-            highp[i + 29] = grid.maxYST;
-            highp[i + 30] = grid.maxXPQ;
-            highp[i + 31] = grid.maxYPQ;
-            i = 52;
-        }
-        if (is_stroke) {
-            // vertex: u_half_width
-            highp[i] = half_width;
-            // vertex: u_face
-            highp[i + 1] = face;
-            // vertex: u_miter_limit
-            highp[i + 2] = miter_limit;
-        }
-        const mediump = uniform.mediump;
-        // fragment: u_uv
-        mediump[0] = texture_width;
-        mediump[1] = texture_height;
-        // fragment: u_color_transform_mul
-        mediump[4] = mul1;
-        mediump[5] = mul2;
-        mediump[6] = mul3;
-        mediump[7] = mul4;
-        // fragment: u_color_transform_add
-        mediump[8] = add1;
-        mediump[9] = add2;
-        mediump[10] = add3;
-        mediump[11] = add4;
-    }
-    /**
-     * @param  {WebGLShaderUniform} uniform
-     * @param  {boolean} has_grid
-     * @param  {number}  matrix_a
-     * @param  {number}  matrix_b
-     * @param  {number}  matrix_c
-     * @param  {number}  matrix_d
-     * @param  {number}  matrix_e
-     * @param  {number}  matrix_f
-     * @param  {number}  matrix_g
-     * @param  {number}  matrix_h
-     * @param  {number}  matrix_i
-     * @param  {number}  viewport_width
-     * @param  {number}  viewport_height
-     * @param  {CanvasToWebGLContextGrid} grid
-     * @return {void}
-     * @method
-     * @public
-     */
-    setMaskShapeUniform(uniform, has_grid, matrix_a, matrix_b, matrix_c, matrix_d, matrix_e, matrix_f, matrix_g, matrix_h, matrix_i, viewport_width, viewport_height, grid = null) {
-        const highp = uniform.highp;
-        if (has_grid && grid) {
-            // vertex: u_parent_matrix
-            highp[0] = grid.parentMatrixA;
-            highp[1] = grid.parentMatrixB;
-            highp[2] = grid.parentMatrixC;
-            highp[4] = grid.parentMatrixD;
-            highp[5] = grid.parentMatrixE;
-            highp[6] = grid.parentMatrixF;
-            highp[8] = grid.parentMatrixG;
-            highp[9] = grid.parentMatrixH;
-            highp[10] = grid.parentMatrixI;
-            // vertex: u_ancestor_matrix
-            highp[12] = grid.ancestorMatrixA;
-            highp[13] = grid.ancestorMatrixB;
-            highp[14] = grid.ancestorMatrixC;
-            highp[16] = grid.ancestorMatrixD;
-            highp[17] = grid.ancestorMatrixE;
-            highp[18] = grid.ancestorMatrixF;
-            highp[20] = grid.ancestorMatrixG;
-            highp[21] = grid.ancestorMatrixH;
-            highp[22] = grid.ancestorMatrixI;
-            // vertex: u_viewport
-            highp[3] = viewport_width;
-            highp[7] = viewport_height;
-            // vertex: u_parent_viewport
-            highp[11] = grid.parentViewportX;
-            highp[15] = grid.parentViewportY;
-            highp[19] = grid.parentViewportW;
-            highp[23] = grid.parentViewportH;
-            // vertex: u_grid_min
-            highp[24] = grid.minXST;
-            highp[25] = grid.minYST;
-            highp[26] = grid.minXPQ;
-            highp[27] = grid.minYPQ;
-            // vertex: u_grid_max
-            highp[28] = grid.maxXST;
-            highp[29] = grid.maxYST;
-            highp[30] = grid.maxXPQ;
-            highp[31] = grid.maxYPQ;
-        }
-        else {
-            // vertex: u_matrix
-            highp[0] = matrix_a;
-            highp[1] = matrix_b;
-            highp[2] = matrix_c;
-            highp[4] = matrix_d;
-            highp[5] = matrix_e;
-            highp[6] = matrix_f;
-            highp[8] = matrix_g;
-            highp[9] = matrix_h;
-            highp[10] = matrix_i;
-            // vertex: u_viewport
-            highp[3] = viewport_width;
-            highp[7] = viewport_height;
-        }
-    }
-    /**
-     * @param  {WebGLShaderUniform} uniform
-     * @param  {number} width
-     * @param  {number} height
-     * @return {void}
-     * @method
-     * @public
-     */
-    setMaskShapeUniformIdentity(uniform, width, height) {
-        const highp = uniform.highp;
-        // vertex: u_matrix
-        highp[0] = 1;
-        highp[1] = 0;
-        highp[2] = 0;
-        highp[4] = 0;
-        highp[5] = 1;
-        highp[6] = 0;
-        highp[8] = 0;
-        highp[9] = 0;
-        highp[10] = 1;
-        // vertex: u_viewport
-        highp[3] = width;
-        highp[7] = height;
-    }
-}

package/dist/shader/vertex/VertexShaderLibrary.d.ts

@@ -1,18 +0,0 @@
-/**
- * @class
- */
-export declare class VertexShaderLibrary {
-    /**
-     * @return {string}
-     * @method
-     * @static
-     */
-    static FUNCTION_GRID_OFF(): string;
-    /**
-     * @param  {number} index
-     * @return {string}
-     * @method
-     * @static
-     */
-    static FUNCTION_GRID_ON(index: number): string;
-}

package/dist/shader/vertex/VertexShaderSource.d.ts

@@ -1,35 +0,0 @@
-/**
- * @class
- */
-export declare class VertexShaderSource {
-    /**
-     * @return {string}
-     * @method
-     * @static
-     */
-    static TEXTURE(): string;
-    /**
-     * @return {string}
-     * @method
-     * @static
-     */
-    static BLEND(): string;
-    /**
-     * @return {string}
-     * @method
-     * @static
-     */
-    static INSTANCE_BLEND(): string;
-    /**
-     * @return {string}
-     * @method
-     * @static
-     */
-    static INSTANCE(): string;
-    /**
-     * @return {string}
-     * @method
-     * @static
-     */
-    static BLEND_CLIP(): string;
-}

package/dist/shader/vertex/VertexShaderSource.js

@@ -1,164 +0,0 @@
-/**
- * @class
- */
-export class VertexShaderSource {
-    /**
-     * @return {string}
-     * @method
-     * @static
-     */
-    static TEXTURE() {
-        return `#version 300 es
-
-layout (location = 0) in vec2 a_vertex;
-
-out vec2 v_coord;
-
-void main() {
-    v_coord = a_vertex;
-
-    vec2 position = a_vertex * 2.0 - 1.0;
-    gl_Position = vec4(position, 0.0, 1.0);
-}
-
-`;
-    }
-    /**
-     * @return {string}
-     * @method
-     * @static
-     */
-    static BLEND() {
-        return `#version 300 es
-
-layout (location = 0) in vec2 a_vertex;
-
-uniform vec4 u_highp[4];
-
-out vec2 v_coord;
-
-void main() {
-    v_coord = a_vertex;
-
-    vec2 offset   = u_highp[0].xy;
-    vec2 size     = u_highp[0].zw;
-    mat3 matrix   = mat3(u_highp[1].xyz, u_highp[2].xyz, u_highp[3].xyz);
-    vec2 viewport = vec2(u_highp[1].w, u_highp[2].w);
-
-    vec2 position = vec2(a_vertex.x, 1.0 - a_vertex.y);
-    position = position * size + offset;
-    position = (matrix * vec3(position, 1.0)).xy;
-    position /= viewport;
-
-    position = position * 2.0 - 1.0;
-    gl_Position = vec4(position.x, -position.y, 0.0, 1.0);
-}
-
-`;
-    }
-    /**
-     * @return {string}
-     * @method
-     * @static
-     */
-    static INSTANCE_BLEND() {
-        return `#version 300 es
-
-layout (location = 0) in vec2 a_vertex;
-
-uniform vec4 u_highp[5];
-
-out vec2 v_src_coord;
-out vec2 v_dst_coord;
-
-void main() {
-    vec4 rect     = vec4(u_highp[0].x, u_highp[0].y, u_highp[0].z, u_highp[0].w);
-    vec2 size     = vec2(u_highp[4].x, u_highp[4].y);
-    mat3 matrix   = mat3(u_highp[1].xyz, u_highp[2].xyz, u_highp[3].xyz);
-    vec2 viewport = vec2(u_highp[1].w, u_highp[2].w);
-
-    v_src_coord = a_vertex * rect.zw + rect.xy;
-    v_dst_coord = a_vertex;
-
-    vec2 position = vec2(a_vertex.x, 1.0 - a_vertex.y);
-    position = position * size;
-    position = (matrix * vec3(position, 1.0)).xy;
-    position /= viewport;
-
-    position = position * 2.0 - 1.0;
-    gl_Position = vec4(position.x, -position.y, 0.0, 1.0);
-}
-
-`;
-    }
-    /**
-     * @return {string}
-     * @method
-     * @static
-     */
-    static INSTANCE() {
-        return `#version 300 es
-
-layout (location = 0) in vec2 a_vertex;
-layout (location = 1) in vec4 a_rect;
-layout (location = 2) in vec4 a_size;
-layout (location = 3) in vec2 a_offset;
-layout (location = 4) in vec4 a_matrix;
-layout (location = 5) in vec4 a_mul;
-layout (location = 6) in vec4 a_add;
-
-out vec2 v_coord;
-out vec4 mul;
-out vec4 add;
-
-void main() {
-    v_coord = a_vertex * a_rect.zw + a_rect.xy;
-    mul = a_mul;
-    add = a_add;
-
-    vec2 position = vec2(a_vertex.x, 1.0 - a_vertex.y);
-    position = position * a_size.xy;
-    mat3 matrix = mat3(a_matrix.x, a_matrix.y, 0.0, a_matrix.z, a_matrix.w, 0.0, a_offset.x, a_offset.y, 1.0);
-    position = (matrix * vec3(position, 1.0)).xy;
-    position /= a_size.zw;
-
-    position = position * 2.0 - 1.0;
-    gl_Position = vec4(position.x, -position.y, 0.0, 1.0);
-}
-
-`;
-    }
-    /**
-     * @return {string}
-     * @method
-     * @static
-     */
-    static BLEND_CLIP() {
-        return `#version 300 es
-
-layout (location = 0) in vec2 a_vertex;
-
-uniform vec4 u_highp[4];
-
-out vec2 v_coord;
-
-void main() {
-    v_coord = a_vertex;
-
-    vec2 offset     = u_highp[0].xy;
-    vec2 size       = u_highp[0].zw;
-    mat3 inv_matrix = mat3(u_highp[1].xyz, u_highp[2].xyz, u_highp[3].xyz);
-    vec2 viewport   = vec2(u_highp[1].w, u_highp[2].w);
-
-    vec2 position = vec2(a_vertex.x, 1.0 - a_vertex.y);
-    position *= viewport;
-    position = (inv_matrix * vec3(position, 1.0)).xy;
-    position = (position - offset) / size;
-
-    position = position * 2.0 - 1.0;
-    gl_Position = vec4(position.x, -position.y, 0.0, 1.0);
-}
-
-`;
-    }
-}

package/dist/shader/vertex/VertexShaderSourceFill.d.ts

@@ -1,45 +0,0 @@
-/**
- * @class
- */
-export declare class VertexShaderSourceFill {
-    /**
-     * @param  {number}  highp_length
-     * @param  {boolean} with_uv
-     * @param  {boolean} for_mask
-     * @param  {boolean} has_grid
-     * @return {string}
-     * @method
-     * @static
-     */
-    static TEMPLATE(highp_length: number, with_uv: boolean, for_mask: boolean, has_grid: boolean): string;
-    /**
-     * @return {string}
-     * @method
-     * @static
-     */
-    static ATTRIBUTE_BEZIER_ON(): string;
-    /**
-     * @return {string}
-     * @method
-     * @static
-     */
-    static VARYING_UV_ON(): string;
-    /**
-     * @return {string}
-     * @method
-     * @static
-     */
-    static VARYING_BEZIER_ON(): string;
-    /**
-     * @return {string}
-     * @method
-     * @static
-     */
-    static STATEMENT_UV_ON(): string;
-    /**
-     * @return {string}
-     * @method
-     * @static
-     */
-    static STATEMENT_BEZIER_ON(): string;
-}