@next2d/webgl 1.18.12 → 2.0.0

package/src/Shader/ShaderManager/service/ShaderManagerSetMatrixTextureUniformService.js

@@ -0,0 +1,29 @@
+import { $context, $getViewportHeight, $getViewportWidth } from "../../../WebGLUtil";
+/**
+ * @description ShaderManagerのTextureのuniform変数を設定します。
+ *              Set the Texture uniform variables of the ShaderManager.
+ *
+ * @param  {ShaderManager} shader_manager
+ * @param  {number} width
+ * @param  {number} height
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (shader_manager, width, height) => {
+    const highp = shader_manager.highp;
+    const matrix = $context.$matrix;
+    // vertex: u_offset
+    highp[0] = matrix[0]; // a
+    highp[1] = matrix[1]; // b
+    highp[2] = matrix[3]; // c
+    highp[3] = matrix[4]; // d
+    highp[4] = matrix[6]; // tx
+    highp[5] = matrix[7]; // ty
+    // vertex: u_size
+    highp[6] = width;
+    highp[7] = height;
+    // vertex: u_viewport
+    highp[8] = $getViewportWidth();
+    highp[9] = $getViewportHeight();
+};

package/src/Shader/ShaderManager/service/ShaderManagerSetMatrixTextureWithColorTransformUniformService.d.ts

@@ -0,0 +1,13 @@
+import type { ShaderManager } from "../../ShaderManager";
+/**
+ * @description ShaderManagerのTextureのuniform変数を設定します。
+ *              Set the Texture uniform variables of the ShaderManager.
+ *
+ * @param  {ShaderManager} shader_manager
+ * @param  {number} width
+ * @param  {number} height
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (shader_manager: ShaderManager, color_transform: Float32Array, width: number, height: number) => void;

package/src/Shader/ShaderManager/service/ShaderManagerSetMatrixTextureWithColorTransformUniformService.js

@@ -0,0 +1,38 @@
+import { $context, $getViewportHeight, $getViewportWidth } from "../../../WebGLUtil";
+/**
+ * @description ShaderManagerのTextureのuniform変数を設定します。
+ *              Set the Texture uniform variables of the ShaderManager.
+ *
+ * @param  {ShaderManager} shader_manager
+ * @param  {number} width
+ * @param  {number} height
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (shader_manager, color_transform, width, height) => {
+    const highp = shader_manager.highp;
+    const matrix = $context.$matrix;
+    // vertex: u_offset
+    highp[0] = matrix[0]; // a
+    highp[1] = matrix[1]; // b
+    highp[2] = matrix[3]; // c
+    highp[3] = matrix[4]; // d
+    highp[4] = matrix[6]; // tx
+    highp[5] = matrix[7]; // ty
+    // vertex: u_size
+    highp[6] = width;
+    highp[7] = height;
+    // vertex: u_viewport
+    highp[8] = $getViewportWidth();
+    highp[9] = $getViewportHeight();
+    const mediump = shader_manager.mediump;
+    mediump[0] = color_transform[0];
+    mediump[1] = color_transform[1];
+    mediump[2] = color_transform[2];
+    mediump[3] = color_transform[3];
+    mediump[4] = color_transform[4];
+    mediump[5] = color_transform[5];
+    mediump[6] = color_transform[6];
+    mediump[7] = color_transform[7];
+};

package/src/Shader/ShaderManager/service/ShaderManagerSetTextureUniformService.d.ts

@@ -0,0 +1,13 @@
+import type { ShaderManager } from "../../ShaderManager";
+/**
+ * @description ShaderManagerのTextureのuniform変数を設定します。
+ *              Set the Texture uniform variables of the ShaderManager.
+ *
+ * @param  {ShaderManager} shader_manager
+ * @param  {number} width
+ * @param  {number} height
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (shader_manager: ShaderManager, width: number, height: number) => void;

package/src/Shader/ShaderManager/service/ShaderManagerSetTextureUniformService.js

@@ -0,0 +1,25 @@
+import { $context, $getViewportHeight, $getViewportWidth } from "../../../WebGLUtil";
+/**
+ * @description ShaderManagerのTextureのuniform変数を設定します。
+ *              Set the Texture uniform variables of the ShaderManager.
+ *
+ * @param  {ShaderManager} shader_manager
+ * @param  {number} width
+ * @param  {number} height
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (shader_manager, width, height) => {
+    const highp = shader_manager.highp;
+    const matrix = $context.$matrix;
+    // vertex: u_offset
+    highp[0] = matrix[6]; // x
+    highp[1] = matrix[7]; // y
+    // vertex: u_size
+    highp[2] = width;
+    highp[3] = height;
+    // vertex: u_viewport
+    highp[4] = $getViewportWidth();
+    highp[5] = $getViewportHeight();
+};

package/src/Shader/ShaderManager/service/ShaderManagerUseProgramService.d.ts

@@ -0,0 +1,11 @@
+import { IProgramObject } from "../../../interface/IProgramObject";
+/**
+ * @description ProgramObjectのプログラムの利用を開始します。
+ *              Start using the program of the ProgramObject.
+ *
+ * @param  {IProgramObject} program_object
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (program_object: IProgramObject) => void;

package/src/Shader/ShaderManager/service/ShaderManagerUseProgramService.js

@@ -0,0 +1,25 @@
+import { $gl } from "../../../WebGLUtil";
+/**
+ * @description 現在利用中のプログラムID
+ *              Currently used program ID
+ *
+ * @type {number}
+ * @private
+ */
+let $currentProgramId = -1;
+/**
+ * @description ProgramObjectのプログラムの利用を開始します。
+ *              Start using the program of the ProgramObject.
+ *
+ * @param  {IProgramObject} program_object
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (program_object) => {
+    if ($currentProgramId === program_object.id) {
+        return;
+    }
+    $currentProgramId = program_object.id;
+    $gl.useProgram(program_object.resource);
+};

package/src/Shader/ShaderManager/usecase/ShaderManagerDrawTextureUseCase.d.ts

@@ -0,0 +1,11 @@
+import type { ShaderManager } from "../../ShaderManager";
+/**
+ * @description Textureの描画を行います。
+ *              Draw Texture.
+ *
+ * @param  {ShaderManager} shader_manager
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (shader_manager: ShaderManager) => void;

package/src/Shader/ShaderManager/usecase/ShaderManagerDrawTextureUseCase.js

@@ -0,0 +1,21 @@
+import { execute as vertexArrayObjectBindService } from "../../../VertexArrayObject/service/VertexArrayObjectBindService";
+import { $gl } from "../../../WebGLUtil";
+import { $getRectVertexArrayObject } from "../../../VertexArrayObject";
+/**
+ * @description Textureの描画を行います。
+ *              Draw Texture.
+ *
+ * @param  {ShaderManager} shader_manager
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (shader_manager) => {
+    // setup
+    shader_manager.useProgram();
+    shader_manager.bindUniform();
+    // bind vertex array
+    vertexArrayObjectBindService($getRectVertexArrayObject());
+    // draw fill
+    $gl.drawArrays($gl.TRIANGLES, 0, 6);
+};

package/src/Shader/ShaderManager/usecase/ShaderManagerFillUseCase.d.ts

@@ -0,0 +1,13 @@
+import type { ShaderManager } from "../../ShaderManager";
+import type { IVertexArrayObject } from "../../../interface/IVertexArrayObject";
+/**
+ * @description シェーダーマネージャの塗り実行します。
+ *              Execute ShaderManager fill.
+ *
+ * @param  {ShaderManager} shader_manager
+ * @param  {IVertexArrayObject} vertex_array_object
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (shader_manager: ShaderManager, vertex_array_object: IVertexArrayObject, offset: number, count: number) => void;

package/src/Shader/ShaderManager/usecase/ShaderManagerFillUseCase.js

@@ -0,0 +1,24 @@
+import { execute as vertexArrayObjectBindService } from "../../../VertexArrayObject/service/VertexArrayObjectBindService";
+import { $gl } from "../../../WebGLUtil";
+import { execute as blendResetService } from "../../../Blend/service/BlendResetService";
+/**
+ * @description シェーダーマネージャの塗り実行します。
+ *              Execute ShaderManager fill.
+ *
+ * @param  {ShaderManager} shader_manager
+ * @param  {IVertexArrayObject} vertex_array_object
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (shader_manager, vertex_array_object, offset, count) => {
+    // setup
+    shader_manager.useProgram();
+    shader_manager.bindUniform();
+    // set alpha
+    blendResetService();
+    // bind vertex array
+    vertexArrayObjectBindService(vertex_array_object);
+    // draw fill
+    $gl.drawArrays($gl.TRIANGLES, offset, count);
+};

package/src/Shader/ShaderManager.d.ts

@@ -0,0 +1,78 @@
+/**
+ * @description 利用用途に合わせたシェーダークラス
+ *              Shader class tailored to the intended use
+ *
+ * @class
+ * @public
+ */
+export declare class ShaderManager {
+    /**
+     * @description WebGLプログラムオブジェクト
+     *              WebGL program object
+     *
+     * @type {IProgramObject}
+     * @public
+     */
+    private readonly _$programObject;
+    /**
+     * @description uniform変数のマップ
+     *              Map of uniform variables
+     *
+     * @type {Map<string, IUniformData>}
+     * @private
+     */
+    private readonly _$uniformMap;
+    /**
+     * @param {string} vertex_source
+     * @param {string} fragment_source
+     * @param {boolean} [atlas=false]
+     * @constructor
+     * @public
+     */
+    constructor(vertex_source: string, fragment_source: string, atlas?: boolean);
+    /**
+     * @description 生成したプログラムを利用します。
+     *              Use the generated program.
+     *
+     * @return {void}
+     * @method
+     * @public
+     */
+    useProgram(): void;
+    /**
+     * @description uniform変数をバインドします。
+     *              Bind uniform variables.
+     *
+     * @return {void}
+     * @method
+     * @public
+     */
+    bindUniform(): void;
+    /**
+     * @description highp uniform変数
+     *              highp uniform variable
+     *
+     * @type {Int32Array | Float32Array}
+     * @readonly
+     * @public
+     */
+    get highp(): Int32Array | Float32Array;
+    /**
+     * @description mediump uniform変数
+     *              mediump uniform variable
+     *
+     * @type {Int32Array | Float32Array}
+     * @readonly
+     * @public
+     */
+    get mediump(): Int32Array | Float32Array;
+    /**
+     * @description texture uniform変数
+     *              texture uniform variable
+     *
+     * @type {Int32Array | Float32Array}
+     * @readonly
+     * @public
+     */
+    get textures(): Int32Array | Float32Array;
+}

package/src/Shader/ShaderManager.js

@@ -0,0 +1,109 @@
+import { execute as shaderManagerCreateProgramService } from "./ShaderManager/service/ShaderManagerCreateProgramService";
+import { execute as shaderManagerInitializeUniformService } from "./ShaderManager/service/ShaderManagerInitializeUniformService";
+import { execute as shaderManagerUseProgramService } from "./ShaderManager/service/ShaderManagerUseProgramService";
+import { execute as shaderManagerBindUniformService } from "./ShaderManager/service/ShaderManagerBindUniformService";
+/**
+ * @description 利用用途に合わせたシェーダークラス
+ *              Shader class tailored to the intended use
+ *
+ * @class
+ * @public
+ */
+export class ShaderManager {
+    /**
+     * @param {string} vertex_source
+     * @param {string} fragment_source
+     * @param {boolean} [atlas=false]
+     * @constructor
+     * @public
+     */
+    constructor(vertex_source, fragment_source, atlas = false) {
+        /**
+         * @description WebGLプログラムオブジェクト
+         *              WebGL program object
+         *
+         * @type {IProgramObject}
+         * @public
+         */
+        Object.defineProperty(this, "_$programObject", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**
+         * @description uniform変数のマップ
+         *              Map of uniform variables
+         *
+         * @type {Map<string, IUniformData>}
+         * @private
+         */
+        Object.defineProperty(this, "_$uniformMap", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this._$programObject = shaderManagerCreateProgramService(vertex_source, fragment_source);
+        this._$uniformMap = new Map();
+        shaderManagerInitializeUniformService(this._$programObject.resource, this._$uniformMap, atlas);
+    }
+    /**
+     * @description 生成したプログラムを利用します。
+     *              Use the generated program.
+     *
+     * @return {void}
+     * @method
+     * @public
+     */
+    useProgram() {
+        shaderManagerUseProgramService(this._$programObject);
+    }
+    /**
+     * @description uniform変数をバインドします。
+     *              Bind uniform variables.
+     *
+     * @return {void}
+     * @method
+     * @public
+     */
+    bindUniform() {
+        shaderManagerBindUniformService(this._$uniformMap);
+    }
+    /**
+     * @description highp uniform変数
+     *              highp uniform variable
+     *
+     * @type {Int32Array | Float32Array}
+     * @readonly
+     * @public
+     */
+    get highp() {
+        const data = this._$uniformMap.get("u_highp");
+        return data.array;
+    }
+    /**
+     * @description mediump uniform変数
+     *              mediump uniform variable
+     *
+     * @type {Int32Array | Float32Array}
+     * @readonly
+     * @public
+     */
+    get mediump() {
+        const data = this._$uniformMap.get("u_mediump");
+        return data.array;
+    }
+    /**
+     * @description texture uniform変数
+     *              texture uniform variable
+     *
+     * @type {Int32Array | Float32Array}
+     * @readonly
+     * @public
+     */
+    get textures() {
+        const data = this._$uniformMap.get("u_textures");
+        return data.array;
+    }
+}

package/src/Shader/Variants/Bitmap/service/VariantsBitmapShaderService.d.ts

@@ -0,0 +1,12 @@
+import { ShaderManager } from "../../../ShaderManager";
+/**
+ * @description BitmapShaderを取得
+ *              Get BitmapShader
+ *
+ * @param  {boolean} repeat
+ * @param  {boolean} use_grid
+ * @return {ShaderManager}
+ * @method
+ * @protected
+ */
+export declare const execute: (repeat: boolean, use_grid: boolean) => ShaderManager;

package/src/Shader/Variants/Bitmap/service/VariantsBitmapShaderService.js

@@ -0,0 +1,26 @@
+import { $collection } from "../../BitmapVariants";
+import { ShaderManager } from "../../../ShaderManager";
+import { FILL_TEMPLATE } from "../../../Vertex/VertexShaderSourceFill";
+import { BITMAP_PATTERN, BITMAP_CLIPPED } from "../../../Fragment/FragmentShaderSource";
+/**
+ * @description BitmapShaderを取得
+ *              Get BitmapShader
+ *
+ * @param  {boolean} repeat
+ * @param  {boolean} use_grid
+ * @return {ShaderManager}
+ * @method
+ * @protected
+ */
+export const execute = (repeat, use_grid) => {
+    const key = `b${repeat ? "y" : "n"}${use_grid ? "y" : "n"}`;
+    if ($collection.has(key)) {
+        return $collection.get(key);
+    }
+    const fragmentShaderSource = repeat
+        ? BITMAP_PATTERN()
+        : BITMAP_CLIPPED();
+    const shaderManager = new ShaderManager(FILL_TEMPLATE(use_grid ? 14 : 5, true, false, use_grid), fragmentShaderSource);
+    $collection.set(key, shaderManager);
+    return shaderManager;
+};

package/src/Shader/Variants/BitmapVariants.d.ts

@@ -0,0 +1,9 @@
+import type { ShaderManager } from "../ShaderManager";
+/**
+ * @description Bitmapのシェーダー管理クラスのコレクション
+ *              Collection of Bitmap shader management classes
+ *
+ * @type {Map<string, ShaderManager>}
+ * @public
+ */
+export declare const $collection: Map<string, ShaderManager>;

package/src/Shader/Variants/BitmapVariants.js

@@ -0,0 +1,8 @@
+/**
+ * @description Bitmapのシェーダー管理クラスのコレクション
+ *              Collection of Bitmap shader management classes
+ *
+ * @type {Map<string, ShaderManager>}
+ * @public
+ */
+export const $collection = new Map();

package/src/Shader/Variants/Blend/service/VariantsBlendDrawShaderService.d.ts

@@ -0,0 +1,13 @@
+import type { IBlendMode } from "../../../../interface/IBlendMode";
+import { ShaderManager } from "../../../ShaderManager";
+/**
+ * @description Blendのシェーダーを生成して返却
+ *              Generate and return the shader of Blend
+ *
+ * @param  {IBlendMode} operation
+ * @param  {boolean} with_color_transform
+ * @return {ShaderManager}
+ * @method
+ * @protected
+ */
+export declare const execute: (operation: IBlendMode, with_color_transform: boolean) => ShaderManager;

package/src/Shader/Variants/Blend/service/VariantsBlendDrawShaderService.js

@@ -0,0 +1,23 @@
+import { BLEND_TEMPLATE } from "../../../Fragment/FragmentShaderSourceBlend";
+import { ShaderManager } from "../../../ShaderManager";
+import { TEXTURE_TEMPLATE } from "../../../Vertex/VertexShaderSource";
+import { $collection } from "../../BlendVariants";
+/**
+ * @description Blendのシェーダーを生成して返却
+ *              Generate and return the shader of Blend
+ *
+ * @param  {IBlendMode} operation
+ * @param  {boolean} with_color_transform
+ * @return {ShaderManager}
+ * @method
+ * @protected
+ */
+export const execute = (operation, with_color_transform) => {
+    const key = `i${operation}${with_color_transform ? "y" : "n"}`;
+    if ($collection.has(key)) {
+        return $collection.get(key);
+    }
+    const shaderManager = new ShaderManager(TEXTURE_TEMPLATE(), BLEND_TEMPLATE(operation, with_color_transform));
+    $collection.set(key, shaderManager);
+    return shaderManager;
+};

package/src/Shader/Variants/Blend/service/VariantsBlendInstanceShaderService.d.ts

@@ -0,0 +1,10 @@
+import { ShaderInstancedManager } from "../../../ShaderInstancedManager";
+/**
+ * @description InstancedArrayのシェーダーを生成して返却
+ *              Generate and return the shader of InstancedArray
+ *
+ * @return {ShaderInstancedManager}
+ * @method
+ * @protected
+ */
+export declare const execute: () => ShaderInstancedManager;

package/src/Shader/Variants/Blend/service/VariantsBlendInstanceShaderService.js

@@ -0,0 +1,21 @@
+import { INSTANCE_TEXTURE } from "../../../Fragment/FragmentShaderSourceTexture";
+import { ShaderInstancedManager } from "../../../ShaderInstancedManager";
+import { INSTANCE_TEMPLATE } from "../../../Vertex/VertexShaderSource";
+import { $collection } from "../../BlendVariants";
+/**
+ * @description InstancedArrayのシェーダーを生成して返却
+ *              Generate and return the shader of InstancedArray
+ *
+ * @return {ShaderInstancedManager}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    const key = "i";
+    if ($collection.has(key)) {
+        return $collection.get(key);
+    }
+    const shaderManager = new ShaderInstancedManager(INSTANCE_TEMPLATE(), INSTANCE_TEXTURE());
+    $collection.set(key, shaderManager);
+    return shaderManager;
+};

package/src/Shader/Variants/Blend/service/VariantsBlendMatrixTextureShaderService.d.ts

@@ -0,0 +1,11 @@
+import { ShaderManager } from "../../../ShaderManager";
+/**
+ * @description Textureのシェーダーを生成して返却
+ *              Generate and return the shader of Texture
+ *
+ * @param  {boolean} [with_color_transform=false]
+ * @return {ShaderManager}
+ * @method
+ * @protected
+ */
+export declare const execute: (with_color_transform?: boolean) => ShaderManager;

package/src/Shader/Variants/Blend/service/VariantsBlendMatrixTextureShaderService.js

@@ -0,0 +1,22 @@
+import { TEXTURE } from "../../../Fragment/FragmentShaderSourceTexture";
+import { ShaderManager } from "../../../ShaderManager";
+import { BLEND_MATRIX_TEMPLATE } from "../../../Vertex/VertexShaderSource";
+import { $collection } from "../../BlendVariants";
+/**
+ * @description Textureのシェーダーを生成して返却
+ *              Generate and return the shader of Texture
+ *
+ * @param  {boolean} [with_color_transform=false]
+ * @return {ShaderManager}
+ * @method
+ * @protected
+ */
+export const execute = (with_color_transform = false) => {
+    const key = `m${with_color_transform ? "y" : "n"}`;
+    if ($collection.has(key)) {
+        return $collection.get(key);
+    }
+    const shaderManager = new ShaderManager(BLEND_MATRIX_TEMPLATE(), TEXTURE(with_color_transform));
+    $collection.set(key, shaderManager);
+    return shaderManager;
+};

package/src/Shader/Variants/Blend/service/VariantsBlendTextureShaderService.d.ts

@@ -0,0 +1,10 @@
+import { ShaderManager } from "../../../ShaderManager";
+/**
+ * @description Textureのシェーダーを生成して返却
+ *              Generate and return the shader of Texture
+ *
+ * @return {ShaderManager}
+ * @method
+ * @protected
+ */
+export declare const execute: () => ShaderManager;

package/src/Shader/Variants/Blend/service/VariantsBlendTextureShaderService.js

@@ -0,0 +1,21 @@
+import { TEXTURE } from "../../../Fragment/FragmentShaderSourceTexture";
+import { ShaderManager } from "../../../ShaderManager";
+import { BLEND_TEMPLATE } from "../../../Vertex/VertexShaderSource";
+import { $collection } from "../../BlendVariants";
+/**
+ * @description Textureのシェーダーを生成して返却
+ *              Generate and return the shader of Texture
+ *
+ * @return {ShaderManager}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    const key = "p";
+    if ($collection.has(key)) {
+        return $collection.get(key);
+    }
+    const shaderManager = new ShaderManager(BLEND_TEMPLATE(), TEXTURE(false));
+    $collection.set(key, shaderManager);
+    return shaderManager;
+};

package/src/Shader/Variants/BlendVariants.d.ts

@@ -0,0 +1,10 @@
+import type { ShaderInstancedManager } from "../ShaderInstancedManager";
+import type { ShaderManager } from "../ShaderManager";
+/**
+ * @description ブレンドのシェーダー管理クラスのコレクション
+ *              Collection of blend shader management classes
+ *
+ * @type {Map<string, ShaderInstancedManager>}
+ * @public
+ */
+export declare const $collection: Map<string, ShaderManager | ShaderInstancedManager>;

package/src/Shader/Variants/BlendVariants.js

@@ -0,0 +1,8 @@
+/**
+ * @description ブレンドのシェーダー管理クラスのコレクション
+ *              Collection of blend shader management classes
+ *
+ * @type {Map<string, ShaderInstancedManager>}
+ * @public
+ */
+export const $collection = new Map();

package/src/Shader/Variants/Filter/service/VariantsBitmapFilterShaderService.d.ts

@@ -0,0 +1,18 @@
+import { ShaderManager } from "../../../ShaderManager";
+/**
+ * @description BitmapFilterShaderを生成する
+ *              Create BitmapFilterShader
+ *
+ * @param  {boolean} transforms_base
+ * @param  {boolean} transforms_blur
+ * @param  {boolean} is_glow
+ * @param  {boolean} type
+ * @param  {string} transforms_base
+ * @param  {boolean} knockout
+ * @param  {boolean} applies_strength
+ * @param  {boolean} is_gradient
+ * @return {ShaderManager}
+ * @method
+ * @protected
+ */
+export declare const execute: (transforms_base: boolean, transforms_blur: boolean, is_glow: boolean, type: string, knockout: boolean, applies_strength: boolean, is_gradient: boolean) => ShaderManager;