@next2d/webgl 1.18.12 → 3.0.0

package/src/Filter/BlurFilter/usecase/FilterApplyBlurFilterUseCase.d.ts

@@ -0,0 +1,16 @@
+import type { ITextureObject } from "../../../interface/ITextureObject";
+/**
+ * @description ぼかしフィルターを適用します。
+ *              Apply the blur filter.
+ *
+ * @param  {ITextureObject} texture_object
+ * @param  {Float32Array} matrix
+ * @param  {number} [blur_x=4]
+ * @param  {number} [blur_y=4]
+ * @param  {number} [quality=1]
+ * @param  {boolean} [removed=false]
+ * @return {ITextureObject}
+ * @method
+ * @protected
+ */
+export declare const execute: (texture_object: ITextureObject, matrix: Float32Array, blur_x?: number, blur_y?: number, quality?: number, removed?: boolean) => ITextureObject;

package/src/Filter/BlurFilter/usecase/FilterApplyBlurFilterUseCase.js

@@ -0,0 +1,134 @@
+import { execute as frameBufferManagerGetAttachmentObjectUseCase } from "../../../FrameBufferManager/usecase/FrameBufferManagerGetAttachmentObjectUseCase";
+import { execute as variantsBlendMatrixTextureShaderService } from "../../../Shader/Variants/Blend/service/VariantsBlendMatrixTextureShaderService";
+import { execute as shaderManagerSetMatrixTextureUniformService } from "../../../Shader/ShaderManager/service/ShaderManagerSetMatrixTextureUniformService";
+import { execute as shaderManagerDrawTextureUseCase } from "../../../Shader/ShaderManager/usecase/ShaderManagerDrawTextureUseCase";
+import { execute as textureManagerBind0UseCase } from "../../../TextureManager/usecase/TextureManagerBind0UseCase";
+import { execute as filterApplyDirectionalBlurFilterUseCase } from "../../../Filter/BlurFilter/usecase/FilterApplyDirectionalBlurFilterUseCase";
+import { execute as frameBufferManagerReleaseAttachmentObjectUseCase } from "../../../FrameBufferManager/usecase/FrameBufferManagerReleaseAttachmentObjectUseCase";
+import { execute as textureManagerReleaseTextureObjectUseCase } from "../../../TextureManager/usecase/TextureManagerReleaseTextureObjectUseCase";
+import { execute as blendOneZeroService } from "../../../Blend/service/BlendOneZeroService";
+import { execute as blendResetService } from "../../../Blend/service/BlendResetService";
+import { $offset } from "../../../Filter";
+import { $context, $devicePixelRatio } from "../../../WebGLUtil";
+/**
+ * @type {number[]}
+ * @constant
+ */
+const $STEP = [0.5, 1.05, 1.4, 1.55, 1.75, 1.9, 2, 2.15, 2.2, 2.3, 2.5, 3, 3, 3.5, 3.5];
+/**
+ * @description ぼかしフィルターを適用します。
+ *              Apply the blur filter.
+ *
+ * @param  {ITextureObject} texture_object
+ * @param  {Float32Array} matrix
+ * @param  {number} [blur_x=4]
+ * @param  {number} [blur_y=4]
+ * @param  {number} [quality=1]
+ * @param  {boolean} [removed=false]
+ * @return {ITextureObject}
+ * @method
+ * @protected
+ */
+export const execute = (texture_object, matrix, blur_x = 4, blur_y = 4, quality = 1, removed = true) => {
+    const currentAttachmentObject = $context.currentAttachmentObject;
+    const xScale = Math.sqrt(matrix[0] * matrix[0] + matrix[1] * matrix[1]);
+    const yScale = Math.sqrt(matrix[2] * matrix[2] + matrix[3] * matrix[3]);
+    const devicePixelRatio = $devicePixelRatio;
+    const baseBlurX = blur_x * (xScale / devicePixelRatio);
+    const baseBlurY = blur_y * (yScale / devicePixelRatio);
+    const step = $STEP[quality - 1];
+    const dx = Math.round(baseBlurX * step);
+    const dy = Math.round(baseBlurY * step);
+    $offset.x += dx;
+    $offset.y += dy;
+    const width = texture_object.width + dx * 2;
+    const height = texture_object.height + dy * 2;
+    let bufferScaleX = 1;
+    let bufferScaleY = 1;
+    if (baseBlurX > 128) {
+        bufferScaleX = 0.0625;
+    }
+    else if (baseBlurX > 64) {
+        bufferScaleX = 0.125;
+    }
+    else if (baseBlurX > 32) {
+        bufferScaleX = 0.25;
+    }
+    else if (baseBlurX > 16) {
+        bufferScaleX = 0.5;
+    }
+    if (baseBlurY > 128) {
+        bufferScaleY = 0.0625;
+    }
+    else if (baseBlurY > 64) {
+        bufferScaleY = 0.125;
+    }
+    else if (baseBlurY > 32) {
+        bufferScaleY = 0.25;
+    }
+    else if (baseBlurY > 16) {
+        bufferScaleY = 0.5;
+    }
+    const bufferWidth = Math.ceil(width * bufferScaleX);
+    const bufferHeight = Math.ceil(height * bufferScaleY);
+    const attachmentObject0 = frameBufferManagerGetAttachmentObjectUseCase(bufferWidth, bufferHeight, false);
+    const attachmentObject1 = frameBufferManagerGetAttachmentObjectUseCase(bufferWidth, bufferHeight, false);
+    const attachments = [attachmentObject0, attachmentObject1];
+    // 描画元のテクスチャをattachmentObject0に描画
+    $context.bind(attachmentObject0);
+    $context.reset();
+    $context.setTransform(bufferScaleX, 0, 0, bufferScaleY, dx * bufferScaleX, dy * bufferScaleY);
+    textureManagerBind0UseCase(texture_object);
+    const shaderManager = variantsBlendMatrixTextureShaderService();
+    shaderManagerSetMatrixTextureUniformService(shaderManager, texture_object.width, texture_object.height);
+    shaderManagerDrawTextureUseCase(shaderManager);
+    // 描画元のテクスチャを解放
+    if (removed) {
+        textureManagerReleaseTextureObjectUseCase(texture_object);
+    }
+    const bufferBlurX = baseBlurX * bufferScaleX;
+    const bufferBlurY = baseBlurY * bufferScaleY;
+    let attachmentIndex = 0;
+    let textureObject = attachmentObject0.texture;
+    textureManagerBind0UseCase(textureObject, true);
+    blendOneZeroService();
+    for (let q = 0; q < quality; ++q) {
+        if (blur_x > 0) {
+            attachmentIndex = (attachmentIndex + 1) % 2;
+            const attachmentObject = attachments[attachmentIndex];
+            $context.bind(attachmentObject);
+            filterApplyDirectionalBlurFilterUseCase(textureObject, true, bufferBlurX);
+            textureObject = attachmentObject.texture;
+        }
+        if (blur_y > 0) {
+            attachmentIndex = (attachmentIndex + 1) % 2;
+            const attachmentObject = attachments[attachmentIndex];
+            $context.bind(attachmentObject);
+            filterApplyDirectionalBlurFilterUseCase(textureObject, false, bufferBlurY);
+            textureObject = attachmentObject.texture;
+        }
+    }
+    blendResetService();
+    if (bufferScaleX !== 1 || bufferScaleY !== 1) {
+        const attachmentObject = frameBufferManagerGetAttachmentObjectUseCase(width, height, false);
+        $context.bind(attachmentObject);
+        $context.setTransform(1 / bufferScaleX, 0, 0, 1 / bufferScaleY, 0, 0);
+        textureManagerBind0UseCase(textureObject, true);
+        shaderManagerSetMatrixTextureUniformService(shaderManager, textureObject.width, textureObject.height);
+        shaderManagerDrawTextureUseCase(shaderManager);
+        textureObject = attachmentObject.texture;
+        frameBufferManagerReleaseAttachmentObjectUseCase(attachments[0]);
+        frameBufferManagerReleaseAttachmentObjectUseCase(attachments[1]);
+        frameBufferManagerReleaseAttachmentObjectUseCase(attachmentObject, false);
+    }
+    else {
+        attachmentIndex = (attachmentIndex + 1) % 2;
+        frameBufferManagerReleaseAttachmentObjectUseCase(attachments[attachmentIndex]);
+        attachmentIndex = (attachmentIndex + 1) % 2;
+        frameBufferManagerReleaseAttachmentObjectUseCase(attachments[attachmentIndex], false);
+    }
+    if (currentAttachmentObject) {
+        $context.bind(currentAttachmentObject);
+    }
+    return textureObject;
+};

package/src/Filter/BlurFilter/usecase/FilterApplyDirectionalBlurFilterUseCase.d.ts

@@ -0,0 +1,13 @@
+import type { ITextureObject } from "../../../interface/ITextureObject";
+/**
+ * @description 指定方向にぼかしフィルターを適用します。
+ *              Apply the blur filter in the specified direction.
+ *
+ * @param  {ITextureObject} texture_object
+ * @param  {boolean} is_horizontal
+ * @param  {number} blur
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (texture_object: ITextureObject, is_horizontal: boolean, blur: number) => void;

package/src/Filter/BlurFilter/usecase/FilterApplyDirectionalBlurFilterUseCase.js

@@ -0,0 +1,24 @@
+import { execute as textureManagerBind0UseCase } from "../../../TextureManager/usecase/TextureManagerBind0UseCase";
+import { execute as variantsBlurFilterShaderService } from "../../../Shader/Variants/Filter/service/VariantsBlurFilterShaderService";
+import { execute as shaderManagerSetBlurFilterUniformService } from "../../../Shader/ShaderManager/service/ShaderManagerSetBlurFilterUniformService";
+import { execute as shaderManagerDrawTextureUseCase } from "../../../Shader/ShaderManager/usecase/ShaderManagerDrawTextureUseCase";
+/**
+ * @description 指定方向にぼかしフィルターを適用します。
+ *              Apply the blur filter in the specified direction.
+ *
+ * @param  {ITextureObject} texture_object
+ * @param  {boolean} is_horizontal
+ * @param  {number} blur
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (texture_object, is_horizontal, blur) => {
+    textureManagerBind0UseCase(texture_object, true);
+    const halfBlur = Math.ceil(blur * 0.5);
+    const fraction = 1 - (halfBlur - blur * 0.5);
+    const samples = 1 + blur;
+    const shaderManager = variantsBlurFilterShaderService(halfBlur);
+    shaderManagerSetBlurFilterUniformService(shaderManager, texture_object.width, texture_object.height, is_horizontal, fraction, samples);
+    shaderManagerDrawTextureUseCase(shaderManager);
+};

package/src/Filter/ColorMatrixFilter/usecase/FilterApplyColorMatrixFilterUseCase.d.ts

@@ -0,0 +1,12 @@
+import type { ITextureObject } from "../../../interface/ITextureObject";
+/**
+ * @description カラーマトリックスフィルターを適用します。
+ *              Apply the color matrix filter.
+ *
+ * @param  {ITextureObject} texture_object
+ * @param  {Float32Array} matrix
+ * @return {ITextureObject}
+ * @method
+ * @protected
+ */
+export declare const execute: (texture_object: ITextureObject, matrix: Float32Array) => ITextureObject;

package/src/Filter/ColorMatrixFilter/usecase/FilterApplyColorMatrixFilterUseCase.js

@@ -0,0 +1,38 @@
+import { $context } from "../../../WebGLUtil";
+import { execute as frameBufferManagerGetAttachmentObjectUseCase } from "../../../FrameBufferManager/usecase/FrameBufferManagerGetAttachmentObjectUseCase";
+import { execute as textureManagerBind0UseCase } from "../../../TextureManager/usecase/TextureManagerBind0UseCase";
+import { execute as frameBufferManagerReleaseAttachmentObjectUseCase } from "../../../FrameBufferManager/usecase/FrameBufferManagerReleaseAttachmentObjectUseCase";
+import { execute as textureManagerReleaseTextureObjectUseCase } from "../../../TextureManager/usecase/TextureManagerReleaseTextureObjectUseCase";
+import { execute as variantsColorMatrixFilterShaderService } from "../../../Shader/Variants/Filter/service/VariantsColorMatrixFilterShaderService";
+import { execute as shaderManagerSetColorMatrixFilterUniformService } from "../../../Shader/ShaderManager/service/ShaderManagerSetColorMatrixFilterUniformService";
+import { execute as shaderManagerDrawTextureUseCase } from "../../../Shader/ShaderManager/usecase/ShaderManagerDrawTextureUseCase";
+import { execute as blendResetService } from "../../../Blend/service/BlendResetService";
+/**
+ * @description カラーマトリックスフィルターを適用します。
+ *              Apply the color matrix filter.
+ *
+ * @param  {ITextureObject} texture_object
+ * @param  {Float32Array} matrix
+ * @return {ITextureObject}
+ * @method
+ * @protected
+ */
+export const execute = (texture_object, matrix) => {
+    const currentAttachmentObject = $context.currentAttachmentObject;
+    const attachmentObject = frameBufferManagerGetAttachmentObjectUseCase(texture_object.width, texture_object.height, false);
+    $context.bind(attachmentObject);
+    $context.reset();
+    $context.setTransform(1, 0, 0, 1, 0, 0);
+    textureManagerBind0UseCase(texture_object);
+    blendResetService();
+    const shaderManager = variantsColorMatrixFilterShaderService();
+    shaderManagerSetColorMatrixFilterUniformService(shaderManager, matrix);
+    shaderManagerDrawTextureUseCase(shaderManager);
+    const textureObject = attachmentObject.texture;
+    textureManagerReleaseTextureObjectUseCase(texture_object);
+    frameBufferManagerReleaseAttachmentObjectUseCase(attachmentObject, false);
+    if (currentAttachmentObject) {
+        $context.bind(currentAttachmentObject);
+    }
+    return textureObject;
+};

package/src/Filter/ConvolutionFilter/usecase/FilterApplyConvolutionFilterUseCase.d.ts

@@ -0,0 +1,20 @@
+import type { ITextureObject } from "../../../interface/ITextureObject";
+/**
+ * @description コンボリューション・フィルタを適用する
+ *              Apply convolution filter
+ *
+ * @param  {ITextureObject} texture_object
+ * @param  {number} matrix_x
+ * @param  {number} matrix_y
+ * @param  {Float32Array} matrix
+ * @param  {number} divisor
+ * @param  {number} bias
+ * @param  {boolean} preserve_alpha
+ * @param  {boolean} clamp
+ * @param  {number} color
+ * @param  {number} alpha
+ * @return {ITextureObject}
+ * @method
+ * @protected
+ */
+export declare const execute: (texture_object: ITextureObject, matrix_x: number | undefined, matrix_y: number | undefined, matrix: Float32Array, divisor?: number, bias?: number, preserve_alpha?: boolean, clamp?: boolean, color?: number, alpha?: number) => ITextureObject;

package/src/Filter/ConvolutionFilter/usecase/FilterApplyConvolutionFilterUseCase.js

@@ -0,0 +1,49 @@
+import { execute as frameBufferManagerGetAttachmentObjectUseCase } from "../../../FrameBufferManager/usecase/FrameBufferManagerGetAttachmentObjectUseCase";
+import { execute as textureManagerBind0UseCase } from "../../../TextureManager/usecase/TextureManagerBind0UseCase";
+import { execute as frameBufferManagerReleaseAttachmentObjectUseCase } from "../../../FrameBufferManager/usecase/FrameBufferManagerReleaseAttachmentObjectUseCase";
+import { execute as textureManagerReleaseTextureObjectUseCase } from "../../../TextureManager/usecase/TextureManagerReleaseTextureObjectUseCase";
+import { execute as variantsConvolutionFilterShaderService } from "../../../Shader/Variants/Filter/service/VariantsConvolutionFilterShaderService";
+import { execute as shaderManagerSetConvolutionFilterUniformService } from "../../../Shader/ShaderManager/service/ShaderManagerSetConvolutionFilterUniformService";
+import { execute as shaderManagerDrawTextureUseCase } from "../../../Shader/ShaderManager/usecase/ShaderManagerDrawTextureUseCase";
+import { execute as blendResetService } from "../../../Blend/service/BlendResetService";
+import { $context } from "../../../WebGLUtil";
+import { $intToR, $intToG, $intToB } from "../../../Filter";
+/**
+ * @description コンボリューション・フィルタを適用する
+ *              Apply convolution filter
+ *
+ * @param  {ITextureObject} texture_object
+ * @param  {number} matrix_x
+ * @param  {number} matrix_y
+ * @param  {Float32Array} matrix
+ * @param  {number} divisor
+ * @param  {number} bias
+ * @param  {boolean} preserve_alpha
+ * @param  {boolean} clamp
+ * @param  {number} color
+ * @param  {number} alpha
+ * @return {ITextureObject}
+ * @method
+ * @protected
+ */
+export const execute = (texture_object, matrix_x = 0, matrix_y = 0, matrix, divisor = 1, bias = 0, preserve_alpha = true, clamp = true, color = 0, alpha = 0) => {
+    const currentAttachmentObject = $context.currentAttachmentObject;
+    const width = texture_object.width;
+    const height = texture_object.height;
+    const attachmentObject = frameBufferManagerGetAttachmentObjectUseCase(width, height, false);
+    $context.bind(attachmentObject);
+    $context.reset();
+    $context.setTransform(1, 0, 0, 1, 0, 0);
+    textureManagerBind0UseCase(texture_object, true);
+    blendResetService();
+    const shaderManager = variantsConvolutionFilterShaderService(matrix_x, matrix_y, preserve_alpha, clamp);
+    shaderManagerSetConvolutionFilterUniformService(shaderManager, width, height, matrix, divisor, bias, clamp, $intToR(color, alpha, false), $intToG(color, alpha, false), $intToB(color, alpha, false), alpha);
+    shaderManagerDrawTextureUseCase(shaderManager);
+    const textureObject = attachmentObject.texture;
+    textureManagerReleaseTextureObjectUseCase(texture_object);
+    frameBufferManagerReleaseAttachmentObjectUseCase(attachmentObject, false);
+    if (currentAttachmentObject) {
+        $context.bind(currentAttachmentObject);
+    }
+    return textureObject;
+};

package/src/Filter/DisplacementMapFilter/usecase/FilterApplyDisplacementMapFilterUseCase.d.ts

@@ -0,0 +1,23 @@
+import type { ITextureObject } from "../../../interface/ITextureObject";
+/**
+ * @description ディスプレイスメントマップ・フィルタを適用する
+ *              Apply displacement map filter
+ *
+ * @param  {ITextureObject} texture_object
+ * @param  {Uint8Array} bitmap_buffer
+ * @param  {number} bitmap_width
+ * @param  {number} bitmap_height
+ * @param  {number} map_point_x
+ * @param  {number} map_point_y
+ * @param  {number} component_x
+ * @param  {number} component_y
+ * @param  {number} scale_x
+ * @param  {number} scale_y
+ * @param  {number} mode
+ * @param  {number} color
+ * @param  {number} alpha
+ * @return {ITextureObject}
+ * @method
+ * @protected
+ */
+export declare const execute: (texture_object: ITextureObject, bitmap_buffer: Uint8Array, bitmap_width?: number, bitmap_height?: number, map_point_x?: number, map_point_y?: number, component_x?: number, component_y?: number, scale_x?: number, scale_y?: number, mode?: number, color?: number, alpha?: number) => ITextureObject;

package/src/Filter/DisplacementMapFilter/usecase/FilterApplyDisplacementMapFilterUseCase.js

@@ -0,0 +1,53 @@
+import { execute as frameBufferManagerGetAttachmentObjectUseCase } from "../../../FrameBufferManager/usecase/FrameBufferManagerGetAttachmentObjectUseCase";
+import { execute as textureManagerCreateFromPixelsUseCase } from "../../../TextureManager/usecase/TextureManagerCreateFromPixelsUseCase";
+import { execute as textureManagerBind01UseCase } from "../../../TextureManager/usecase/TextureManagerBind01UseCase";
+import { execute as variantsDisplacementMapFilterShaderService } from "../../../Shader/Variants/Filter/service/VariantsDisplacementMapFilterShaderService";
+import { execute as frameBufferManagerReleaseAttachmentObjectUseCase } from "../../../FrameBufferManager/usecase/FrameBufferManagerReleaseAttachmentObjectUseCase";
+import { execute as blendResetService } from "../../../Blend/service/BlendResetService";
+import { execute as shaderManagerDrawTextureUseCase } from "../../../Shader/ShaderManager/usecase/ShaderManagerDrawTextureUseCase";
+import { execute as shaderManagerSetDisplacementMapFilterUniformService } from "../../../Shader/ShaderManager/service/ShaderManagerSetDisplacementMapFilterUniformService";
+import { execute as textureManagerReleaseTextureObjectUseCase } from "../../../TextureManager/usecase/TextureManagerReleaseTextureObjectUseCase";
+import { $context } from "../../../WebGLUtil";
+import { $intToR, $intToG, $intToB } from "../../../Filter";
+/**
+ * @description ディスプレイスメントマップ・フィルタを適用する
+ *              Apply displacement map filter
+ *
+ * @param  {ITextureObject} texture_object
+ * @param  {Uint8Array} bitmap_buffer
+ * @param  {number} bitmap_width
+ * @param  {number} bitmap_height
+ * @param  {number} map_point_x
+ * @param  {number} map_point_y
+ * @param  {number} component_x
+ * @param  {number} component_y
+ * @param  {number} scale_x
+ * @param  {number} scale_y
+ * @param  {number} mode
+ * @param  {number} color
+ * @param  {number} alpha
+ * @return {ITextureObject}
+ * @method
+ * @protected
+ */
+export const execute = (texture_object, bitmap_buffer, bitmap_width = 0, bitmap_height = 0, map_point_x = 0, map_point_y = 0, component_x = 0, component_y = 0, scale_x = 0, scale_y = 0, mode = 2, color = 0, alpha = 0) => {
+    const currentAttachmentObject = $context.currentAttachmentObject;
+    const width = texture_object.width;
+    const height = texture_object.height;
+    const attachmentObject = frameBufferManagerGetAttachmentObjectUseCase(width, height, false);
+    $context.bind(attachmentObject);
+    const pixelTextureObject = textureManagerCreateFromPixelsUseCase(bitmap_width, bitmap_height, bitmap_buffer);
+    textureManagerBind01UseCase(texture_object, pixelTextureObject);
+    const shaderManager = variantsDisplacementMapFilterShaderService(component_x, component_y, mode);
+    shaderManagerSetDisplacementMapFilterUniformService(shaderManager, bitmap_width, bitmap_height, bitmap_width, bitmap_height, map_point_x, map_point_y, scale_x, scale_y, mode, $intToR(color, alpha, true), $intToG(color, alpha, true), $intToB(color, alpha, true), alpha);
+    blendResetService();
+    shaderManagerDrawTextureUseCase(shaderManager);
+    const textureObject = attachmentObject.texture;
+    if (currentAttachmentObject) {
+        $context.bind(currentAttachmentObject);
+    }
+    textureManagerReleaseTextureObjectUseCase(texture_object);
+    textureManagerReleaseTextureObjectUseCase(pixelTextureObject);
+    frameBufferManagerReleaseAttachmentObjectUseCase(attachmentObject, false);
+    return textureObject;
+};

package/src/Filter/DropShadowFilter/usecase/FilterApplyDropShadowFilterUseCase.d.ts

@@ -0,0 +1,23 @@
+import type { ITextureObject } from "../../../interface/ITextureObject";
+/**
+ * @description ドロップシャドウフィルターを適用します。
+ *              Apply the drop shadow filter.
+ *
+ * @param  {ITextureObject} texture_object
+ * @param  {Float32Array} matrix
+ * @param  {number} distance
+ * @param  {number} angle
+ * @param  {number} color
+ * @param  {number} alpha
+ * @param  {number} blur_x
+ * @param  {number} blur_y
+ * @param  {number} strength
+ * @param  {number} quality
+ * @param  {number} inner
+ * @param  {number} knockout
+ * @param  {number} hide_object
+ * @return {ITextureObject}
+ * @method
+ * @protected
+ */
+export declare const execute: (texture_object: ITextureObject, matrix: Float32Array, distance?: number, angle?: number, color?: number, alpha?: number, blur_x?: number, blur_y?: number, strength?: number, quality?: number, inner?: boolean, knockout?: boolean, hide_object?: boolean) => ITextureObject;

package/src/Filter/DropShadowFilter/usecase/FilterApplyDropShadowFilterUseCase.js

@@ -0,0 +1,84 @@
+import { execute as filterApplyBlurFilterUseCase } from "../../BlurFilter/usecase/FilterApplyBlurFilterUseCase";
+import { execute as filterApplyBitmapFilterUseCase } from "../../BitmapFilter/usecase/FilterApplyBitmapFilterUseCase";
+import { execute as textureManagerReleaseTextureObjectUseCase } from "../../../TextureManager/usecase/TextureManagerReleaseTextureObjectUseCase";
+import { $devicePixelRatio, $context } from "../../../WebGLUtil";
+import { $offset, $intToR, $intToG, $intToB } from "../../../Filter";
+/**
+ * @type {number}
+ * @private
+ */
+const $Deg2Rad = Math.PI / 180;
+/**
+ * @description ドロップシャドウフィルターを適用します。
+ *              Apply the drop shadow filter.
+ *
+ * @param  {ITextureObject} texture_object
+ * @param  {Float32Array} matrix
+ * @param  {number} distance
+ * @param  {number} angle
+ * @param  {number} color
+ * @param  {number} alpha
+ * @param  {number} blur_x
+ * @param  {number} blur_y
+ * @param  {number} strength
+ * @param  {number} quality
+ * @param  {number} inner
+ * @param  {number} knockout
+ * @param  {number} hide_object
+ * @return {ITextureObject}
+ * @method
+ * @protected
+ */
+export const execute = (texture_object, matrix, distance = 4, angle = 45, color = 0, alpha = 1, blur_x = 4, blur_y = 4, strength = 1, quality = 1, inner = false, knockout = false, hide_object = false) => {
+    const currentAttachmentObject = $context.currentAttachmentObject;
+    const baseWidth = texture_object.width;
+    const baseHeight = texture_object.height;
+    const baseOffsetX = $offset.x;
+    const baseOffsetY = $offset.y;
+    const blurTextureObject = filterApplyBlurFilterUseCase(texture_object, matrix, blur_x, blur_y, quality, false);
+    const blurWidth = blurTextureObject.width;
+    const blurHeight = blurTextureObject.height;
+    const blurOffsetX = $offset.x;
+    const blurOffsetY = $offset.y;
+    const offsetDiffX = blurOffsetX - baseOffsetX;
+    const offsetDiffY = blurOffsetY - baseOffsetY;
+    const xScale = Math.sqrt(matrix[0] * matrix[0] + matrix[1] * matrix[1]);
+    const yScale = Math.sqrt(matrix[2] * matrix[2] + matrix[3] * matrix[3]);
+    // shadow point
+    const devicePixelRatio = $devicePixelRatio;
+    const radian = angle * $Deg2Rad;
+    const x = Math.cos(radian) * distance * (xScale / devicePixelRatio);
+    const y = Math.sin(radian) * distance * (yScale / devicePixelRatio);
+    // dropShadow canvas
+    const w = inner ? baseWidth : blurWidth + Math.max(0, Math.abs(x) - offsetDiffX);
+    const h = inner ? baseHeight : blurHeight + Math.max(0, Math.abs(y) - offsetDiffY);
+    const width = Math.ceil(w);
+    const height = Math.ceil(h);
+    const fractionX = (width - w) / 2;
+    const fractionY = (height - h) / 2;
+    const baseTextureX = inner ? 0 : Math.max(0, offsetDiffX - x) + fractionX;
+    const baseTextureY = inner ? 0 : Math.max(0, offsetDiffY - y) + fractionY;
+    const blurTextureX = inner ? x - blurOffsetX : (x > 0 ? Math.max(0, x - offsetDiffX) : 0) + fractionX;
+    const blurTextureY = inner ? y - blurOffsetY : (y > 0 ? Math.max(0, y - offsetDiffY) : 0) + fractionY;
+    let typeName = "";
+    let knockoutState;
+    if (inner) {
+        typeName = "inner";
+        knockoutState = knockout || hide_object;
+    }
+    else if (!knockout && hide_object) {
+        typeName = "full";
+        knockoutState = true;
+    }
+    else {
+        typeName = "outer";
+        knockoutState = knockout;
+    }
+    const textureObject = filterApplyBitmapFilterUseCase(texture_object, blurTextureObject, width, height, baseWidth, baseHeight, baseTextureX, baseTextureY, blurWidth, blurHeight, blurTextureX, blurTextureY, true, typeName, knockoutState, strength, null, null, null, $intToR(color, alpha, true), $intToG(color, alpha, true), $intToB(color, alpha, true), alpha, 0, 0, 0, 0);
+    textureManagerReleaseTextureObjectUseCase(texture_object);
+    textureManagerReleaseTextureObjectUseCase(blurTextureObject);
+    if (currentAttachmentObject) {
+        $context.bind(currentAttachmentObject);
+    }
+    return textureObject;
+};

package/src/Filter/GlowFilter/usecase/FilterApplyGlowFilterUseCase.d.ts

@@ -0,0 +1,20 @@
+import type { ITextureObject } from "../../../interface/ITextureObject";
+/**
+ * @description GlowFilterを適用する
+ *              Apply GlowFilter
+ *
+ * @param  {ITextureObject} texture_object
+ * @param  {Float32Array} matrix
+ * @param  {number} color
+ * @param  {number} alpha
+ * @param  {number} blur_x
+ * @param  {number} blur_y
+ * @param  {number} strength
+ * @param  {number} quality
+ * @param  {number} inner
+ * @param  {number} knockout
+ * @return {ITextureObject}
+ * @method
+ * @protected
+ */
+export declare const execute: (texture_object: ITextureObject, matrix: Float32Array, color?: number, alpha?: number, blur_x?: number, blur_y?: number, strength?: number, quality?: number, inner?: boolean, knockout?: boolean) => ITextureObject;

package/src/Filter/GlowFilter/usecase/FilterApplyGlowFilterUseCase.js

@@ -0,0 +1,51 @@
+import { execute as filterApplyBlurFilterUseCase } from "../../BlurFilter/usecase/FilterApplyBlurFilterUseCase";
+import { execute as filterApplyBitmapFilterUseCase } from "../../BitmapFilter/usecase/FilterApplyBitmapFilterUseCase";
+import { execute as textureManagerReleaseTextureObjectUseCase } from "../../../TextureManager/usecase/TextureManagerReleaseTextureObjectUseCase";
+import { $context } from "../../../WebGLUtil";
+import { $offset, $intToR, $intToG, $intToB } from "../../../Filter";
+/**
+ * @description GlowFilterを適用する
+ *              Apply GlowFilter
+ *
+ * @param  {ITextureObject} texture_object
+ * @param  {Float32Array} matrix
+ * @param  {number} color
+ * @param  {number} alpha
+ * @param  {number} blur_x
+ * @param  {number} blur_y
+ * @param  {number} strength
+ * @param  {number} quality
+ * @param  {number} inner
+ * @param  {number} knockout
+ * @return {ITextureObject}
+ * @method
+ * @protected
+ */
+export const execute = (texture_object, matrix, color = 0, alpha = 1, blur_x = 4, blur_y = 4, strength = 1, quality = 1, inner = false, knockout = false) => {
+    const currentAttachmentObject = $context.currentAttachmentObject;
+    const baseWidth = texture_object.width;
+    const baseHeight = texture_object.height;
+    const baseOffsetX = $offset.x;
+    const baseOffsetY = $offset.y;
+    const blurTextureObject = filterApplyBlurFilterUseCase(texture_object, matrix, blur_x, blur_y, quality, false);
+    const blurWidth = blurTextureObject.width;
+    const blurHeight = blurTextureObject.height;
+    const blurOffsetX = $offset.x;
+    const blurOffsetY = $offset.y;
+    const width = inner ? baseWidth : blurWidth;
+    const height = inner ? baseHeight : blurHeight;
+    const offsetX = blurOffsetX - baseOffsetX;
+    const offsetY = blurOffsetY - baseOffsetY;
+    const baseTextureX = inner ? 0 : offsetX;
+    const baseTextureY = inner ? 0 : offsetY;
+    const blurTextureX = inner ? -offsetX : 0;
+    const blurTextureY = inner ? -offsetY : 0;
+    const type = inner ? "inner" : "outer";
+    const textureObject = filterApplyBitmapFilterUseCase(texture_object, blurTextureObject, width, height, baseWidth, baseHeight, baseTextureX, baseTextureY, blurWidth, blurHeight, blurTextureX, blurTextureY, true, type, knockout, strength, null, null, null, $intToR(color, alpha, true), $intToG(color, alpha, true), $intToB(color, alpha, true), alpha, 0, 0, 0, 0);
+    textureManagerReleaseTextureObjectUseCase(texture_object);
+    textureManagerReleaseTextureObjectUseCase(blurTextureObject);
+    if (currentAttachmentObject) {
+        $context.bind(currentAttachmentObject);
+    }
+    return textureObject;
+};

package/src/Filter/GradientBevelFilter/usecase/FilterApplyGradientBevelFilterUseCase.d.ts

@@ -0,0 +1,23 @@
+import type { ITextureObject } from "../../../interface/ITextureObject";
+/**
+ * @description GradientBevelFilterを適用する
+ *              Apply GradientBevelFilter
+ *
+ * @param  {ITextureObject} texture_object
+ * @param  {Float32Array} matrix
+ * @param  {number} distance
+ * @param  {number} angle
+ * @param  {number[]} colors
+ * @param  {number[]} alphas
+ * @param  {number[]} ratios
+ * @param  {number} blur_x
+ * @param  {number} blur_y
+ * @param  {number} strength
+ * @param  {number} quality
+ * @param  {number} type
+ * @param  {boolean} knockout
+ * @return {ITextureObject}
+ * @method
+ * @protected
+ */
+export declare const execute: (texture_object: ITextureObject, matrix: Float32Array, distance: number | undefined, angle: number | undefined, colors: Float32Array, alphas: Float32Array, ratios: Float32Array, blur_x?: number, blur_y?: number, strength?: number, quality?: number, type?: number, knockout?: boolean) => ITextureObject;