@next2d/webgl 1.18.12 → 2.0.0

package/src/BezierConverter.js

@@ -0,0 +1,8 @@
+/**
+ * @description ベジェ曲線の変換後の値を格納するバッファ
+ *              Buffer to store the converted values of the Bezier curve
+ *
+ * @type {Float32Array}
+ * @public
+ */
+export const $bezierBuffer = new Float32Array(32);

package/src/Bitmap.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @description Bitmapの設定データ
+ *              Bitmap setting data
+ *
+ * @type {Array<boolean | number | Uint8Array | Float32Array>}
+ * @protected
+ */
+export declare const $bitmapData: Array<boolean | number | Uint8Array | Float32Array>;

package/src/Bitmap.js

@@ -0,0 +1,8 @@
+/**
+ * @description Bitmapの設定データ
+ *              Bitmap setting data
+ *
+ * @type {Array<boolean | number | Uint8Array | Float32Array>}
+ * @protected
+ */
+export const $bitmapData = [];

package/src/Blend/service/BlendAddService.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @description ブレンドモードを加算に設定します。
+ *              Set the blend mode to add.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: () => void;

package/src/Blend/service/BlendAddService.js

@@ -0,0 +1,16 @@
+import { $setFuncCode, $getFuncCode } from "../../Blend";
+import { $gl } from "../../WebGLUtil";
+/**
+ * @description ブレンドモードを加算に設定します。
+ *              Set the blend mode to add.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    if ($getFuncCode() !== 611) {
+        $setFuncCode(611);
+        $gl.blendFunc($gl.ONE, $gl.ONE);
+    }
+};

package/src/Blend/service/BlendAlphaService.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @description ブレンドモードをアルファに設定します。
+ *              Set the blend mode to alpha.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: () => void;

package/src/Blend/service/BlendAlphaService.js

@@ -0,0 +1,16 @@
+import { $setFuncCode, $getFuncCode } from "../../Blend";
+import { $gl } from "../../WebGLUtil";
+/**
+ * @description ブレンドモードをアルファに設定します。
+ *              Set the blend mode to alpha.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    if ($getFuncCode() !== 606) {
+        $setFuncCode(606);
+        $gl.blendFunc($gl.ZERO, $gl.SRC_ALPHA);
+    }
+};

package/src/Blend/service/BlendEraseService.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @description ブレンドモードを消去に設定します。
+ *              Set the blend mode to erase.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: () => void;

package/src/Blend/service/BlendEraseService.js

@@ -0,0 +1,16 @@
+import { $gl } from "../../WebGLUtil";
+import { $setFuncCode, $getFuncCode } from "../../Blend";
+/**
+ * @description ブレンドモードを消去に設定します。
+ *              Set the blend mode to erase.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    if ($getFuncCode() !== 603) {
+        $setFuncCode(603);
+        $gl.blendFunc($gl.ZERO, $gl.ONE_MINUS_SRC_ALPHA);
+    }
+};

package/src/Blend/service/BlendOneZeroService.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @description ブレンドモードをOne/Zeroに設定します。
+ *              Set the blend mode to One/Zero.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: () => void;

package/src/Blend/service/BlendOneZeroService.js

@@ -0,0 +1,16 @@
+import { $gl } from "../../WebGLUtil";
+import { $setFuncCode, $getFuncCode } from "../../Blend";
+/**
+ * @description ブレンドモードをOne/Zeroに設定します。
+ *              Set the blend mode to One/Zero.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    if ($getFuncCode() !== 610) {
+        $setFuncCode(610);
+        $gl.blendFunc($gl.ONE, $gl.ZERO);
+    }
+};

package/src/Blend/service/BlendResetService.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @description ブレンドモードをリセット
+ *              Reset the blend mode
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: () => void;

package/src/Blend/service/BlendResetService.js

@@ -0,0 +1,16 @@
+import { $gl } from "../../WebGLUtil";
+import { $setFuncCode, $getFuncCode } from "../../Blend";
+/**
+ * @description ブレンドモードをリセット
+ *              Reset the blend mode
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    if ($getFuncCode() !== 613) {
+        $setFuncCode(613);
+        $gl.blendFunc($gl.ONE, $gl.ONE_MINUS_SRC_ALPHA);
+    }
+};

package/src/Blend/service/BlendScreenService.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @description ブレンドモードをスクリーンに設定します。
+ *              Set the blend mode to screen.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: () => void;

package/src/Blend/service/BlendScreenService.js

@@ -0,0 +1,16 @@
+import { $setFuncCode, $getFuncCode } from "../../Blend";
+import { $gl } from "../../WebGLUtil";
+/**
+ * @description ブレンドモードをスクリーンに設定します。
+ *              Set the blend mode to screen.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    if ($getFuncCode() !== 641) {
+        $setFuncCode(641);
+        $gl.blendFunc($gl.ONE_MINUS_DST_COLOR, $gl.ONE);
+    }
+};

package/src/Blend/service/BlendSourceAtopService.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @description ブレンドモードをソースアトップに設定します。
+ *              Set the blend mode to source atop.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: () => void;

package/src/Blend/service/BlendSourceAtopService.js

@@ -0,0 +1,16 @@
+import { $setFuncCode, $getFuncCode } from "../../Blend";
+import { $gl } from "../../WebGLUtil";
+/**
+ * @description ブレンドモードをソースアトップに設定します。
+ *              Set the blend mode to source atop.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    if ($getFuncCode() !== 673) {
+        $setFuncCode(673);
+        $gl.blendFunc($gl.DST_ALPHA, $gl.ONE_MINUS_SRC_ALPHA);
+    }
+};

package/src/Blend/service/BlendSourceInService.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @description ブレンドモードをソースインに設定します。
+ *              Set the blend mode to source in.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: () => void;

package/src/Blend/service/BlendSourceInService.js

@@ -0,0 +1,16 @@
+import { $gl } from "../../WebGLUtil";
+import { $setFuncCode, $getFuncCode } from "../../Blend";
+/**
+ * @description ブレンドモードをソースインに設定します。
+ *              Set the blend mode to source in.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    if ($getFuncCode() !== 670) {
+        $setFuncCode(670);
+        $gl.blendFunc($gl.DST_ALPHA, $gl.ZERO);
+    }
+};

package/src/Blend/usecase/BlendBootUseCase.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @description ブレンドモードを起動する
+ *              Start the blend mode.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: () => void;

package/src/Blend/usecase/BlendBootUseCase.js

@@ -0,0 +1,14 @@
+import { execute as blendResetService } from "../service/BlendResetService";
+import { $gl } from "../../WebGLUtil";
+/**
+ * @description ブレンドモードを起動する
+ *              Start the blend mode.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    $gl.enable($gl.BLEND);
+    blendResetService();
+};

package/src/Blend/usecase/BlendDrawFilterToMainUseCase.d.ts

@@ -0,0 +1,14 @@
+import type { ITextureObject } from "../../interface/ITextureObject";
+/**
+ * @description 指定のTextureObjectを描画します。
+ *              Draw the specified TextureObject.
+ *
+ * @param  {ITextureObject} texture_object
+ * @param  {Float32Array} color_transform
+ * @param  {number} x
+ * @param  {number} y
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (texture_object: ITextureObject, color_transform: Float32Array, x: number, y: number) => void;

package/src/Blend/usecase/BlendDrawFilterToMainUseCase.js

@@ -0,0 +1,79 @@
+import { $context } from "../../WebGLUtil";
+import { execute as blendOperationUseCase } from "./BlendOperationUseCase";
+import { execute as textureManagerBind0UseCase } from "../../TextureManager/usecase/TextureManagerBind0UseCase";
+import { execute as variantsBlendMatrixTextureShaderService } from "../../Shader/Variants/Blend/service/VariantsBlendMatrixTextureShaderService";
+import { execute as shaderManagerDrawTextureUseCase } from "../../Shader/ShaderManager/usecase/ShaderManagerDrawTextureUseCase";
+import { execute as frameBufferManagerGetTextureFromBoundsUseCase } from "../../FrameBufferManager/usecase/FrameBufferManagerGetTextureFromBoundsUseCase";
+import { execute as frameBufferManagerGetAttachmentObjectUseCase } from "../../FrameBufferManager/usecase/FrameBufferManagerGetAttachmentObjectUseCase";
+import { execute as textureManagerBind01UseCase } from "../../TextureManager/usecase/TextureManagerBind01UseCase";
+import { execute as variantsBlendDrawShaderService } from "../../Shader/Variants/Blend/service/VariantsBlendDrawShaderService";
+import { execute as shaderManagerSetBlendWithColorTransformUniformService } from "../../Shader/ShaderManager/service/ShaderManagerSetBlendWithColorTransformUniformService";
+import { execute as shaderManagerSetMatrixTextureWithColorTransformUniformService } from "../../Shader/ShaderManager/service/ShaderManagerSetMatrixTextureWithColorTransformUniformService";
+import { execute as textureManagerReleaseTextureObjectUseCase } from "../../TextureManager/usecase/TextureManagerReleaseTextureObjectUseCase";
+import { execute as blendResetService } from "../service/BlendResetService";
+import { execute as frameBufferManagerTransferTextureFromRectUseCase } from "../../FrameBufferManager/usecase/FrameBufferManagerTransferTextureFromRectUseCase";
+import { execute as frameBufferManagerReleaseAttachmentObjectUseCase } from "../../FrameBufferManager/usecase/FrameBufferManagerReleaseAttachmentObjectUseCase";
+/**
+ * @description 指定のTextureObjectを描画します。
+ *              Draw the specified TextureObject.
+ *
+ * @param  {ITextureObject} texture_object
+ * @param  {Float32Array} color_transform
+ * @param  {number} x
+ * @param  {number} y
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (texture_object, color_transform, x, y) => {
+    const currentAttachmentObject = $context.currentAttachmentObject;
+    const width = texture_object.width;
+    const height = texture_object.height;
+    switch ($context.globalCompositeOperation) {
+        case "normal":
+        case "layer":
+        case "add":
+        case "screen":
+        case "alpha":
+        case "erase":
+        case "copy":
+            {
+                // メインのAttachmentObjectに描画して終了
+                $context.bind($context.$mainAttachmentObject);
+                $context.setTransform(1, 0, 0, 1, x, y);
+                const shaderManager = variantsBlendMatrixTextureShaderService(true);
+                shaderManagerSetMatrixTextureWithColorTransformUniformService(shaderManager, color_transform, width, height);
+                // テクスチャをバインド
+                textureManagerBind0UseCase(texture_object);
+                blendOperationUseCase($context.globalCompositeOperation);
+                shaderManagerDrawTextureUseCase(shaderManager);
+            }
+            break;
+        default:
+            {
+                // 書き込み先の矩形を取得
+                const dstTextureObject = frameBufferManagerGetTextureFromBoundsUseCase(x, y, width, height);
+                // ブレンド用のフレームバッファをバインド
+                const attachmentObject = frameBufferManagerGetAttachmentObjectUseCase(width, height, false);
+                $context.bind(attachmentObject);
+                // ブレンドするテクスチャをバインド
+                textureManagerBind01UseCase(dstTextureObject, texture_object);
+                const shaderManager = variantsBlendDrawShaderService($context.globalCompositeOperation, true);
+                shaderManagerSetBlendWithColorTransformUniformService(shaderManager, color_transform[0], color_transform[1], color_transform[2], color_transform[3], color_transform[4], color_transform[5], color_transform[6], color_transform[7]);
+                shaderManagerDrawTextureUseCase(shaderManager);
+                // メインのAttachmentObjectに描画して終了
+                $context.bind($context.$mainAttachmentObject);
+                $context.reset();
+                $context.setTransform(1, 0, 0, 1, x, y);
+                // ブレンドしたtextureを元の座標に描画
+                frameBufferManagerTransferTextureFromRectUseCase(attachmentObject.texture);
+                textureManagerReleaseTextureObjectUseCase(dstTextureObject);
+                frameBufferManagerReleaseAttachmentObjectUseCase(attachmentObject);
+            }
+            break;
+    }
+    if (currentAttachmentObject) {
+        $context.bind(currentAttachmentObject);
+    }
+    blendResetService();
+};

package/src/Blend/usecase/BlendOperationUseCase.d.ts

@@ -0,0 +1,11 @@
+import type { IBlendMode } from "../../interface/IBlendMode";
+/**
+ * @description 設定されたブレンドモードへ切り替える
+ *              Switch to the set blend mode
+ *
+ * @param  {IBlendMode} operation
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (operation: IBlendMode) => void;

package/src/Blend/usecase/BlendOperationUseCase.js

@@ -0,0 +1,37 @@
+import { execute as blendAddService } from "../service/BlendAddService";
+import { execute as blendResetService } from "../service/BlendResetService";
+import { execute as blendScreenService } from "../service/BlendScreenService";
+import { execute as blendAlphaService } from "../service/BlendAlphaService";
+import { execute as blendEraseService } from "../service/BlendEraseService";
+import { execute as blendOneZeroService } from "../service/BlendOneZeroService";
+/**
+ * @description 設定されたブレンドモードへ切り替える
+ *              Switch to the set blend mode
+ *
+ * @param  {IBlendMode} operation
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (operation) => {
+    switch (operation) {
+        case "add":
+            blendAddService();
+            break;
+        case "screen":
+            blendScreenService();
+            break;
+        case "alpha":
+            blendAlphaService();
+            break;
+        case "erase":
+            blendEraseService();
+            break;
+        case "copy":
+            blendOneZeroService();
+            break;
+        default:
+            blendResetService();
+            break;
+    }
+};

package/src/Blend/usecase/BlnedClearArraysInstancedUseCase.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @description リサイズなどのイベント発火時には描画情報を初期化します
+ *              Initialize drawing information when an event such as resizing is fired
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: () => void;

package/src/Blend/usecase/BlnedClearArraysInstancedUseCase.js

@@ -0,0 +1,13 @@
+import { execute as variantsBlendInstanceShaderService } from "../../Shader/Variants/Blend/service/VariantsBlendInstanceShaderService";
+/**
+ * @description リサイズなどのイベント発火時には描画情報を初期化します
+ *              Initialize drawing information when an event such as resizing is fired
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    const shaderInstancedManager = variantsBlendInstanceShaderService();
+    shaderInstancedManager.clear();
+};

package/src/Blend/usecase/BlnedDrawArraysInstancedUseCase.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @description インスタンス描画を実行します。
+ *              Execute instance drawing.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: () => void;

package/src/Blend/usecase/BlnedDrawArraysInstancedUseCase.js

@@ -0,0 +1,24 @@
+import { execute as variantsBlendInstanceShaderService } from "../../Shader/Variants/Blend/service/VariantsBlendInstanceShaderService";
+import { execute as shaderInstancedManagerDrawArraysInstancedUseCase } from "../../Shader/ShaderInstancedManager/usecase/ShaderInstancedManagerDrawArraysInstancedUseCase";
+import { execute as blendOperationUseCase } from "../../Blend/usecase/BlendOperationUseCase";
+import { execute as frameBufferManagerTransferAtlasTextureService } from "../../FrameBufferManager/service/FrameBufferManagerTransferAtlasTextureService";
+import { $context } from "../../WebGLUtil";
+/**
+ * @description インスタンス描画を実行します。
+ *              Execute instance drawing.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    const shaderInstancedManager = variantsBlendInstanceShaderService();
+    if (!shaderInstancedManager.count) {
+        return;
+    }
+    // Transfer to atlas texture.
+    frameBufferManagerTransferAtlasTextureService();
+    blendOperationUseCase($context.globalCompositeOperation);
+    shaderInstancedManagerDrawArraysInstancedUseCase(shaderInstancedManager);
+    shaderInstancedManager.clear();
+};

package/src/Blend/usecase/BlnedDrawDisplayObjectUseCase.d.ts

@@ -0,0 +1,16 @@
+import type { Node } from "@next2d/texture-packer";
+/**
+ * @description DisplayObject単体の描画を実行
+ *              Execute drawing of a single DisplayObject
+ *
+ * @param  {Node} node
+ * @param  {number} x_min
+ * @param  {number} y_min
+ * @param  {number} x_max
+ * @param  {number} y_max
+ * @param  {Float32Array} color_transform
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (node: Node, x_min: number, y_min: number, x_max: number, y_max: number, color_transform: Float32Array) => void;