@next2d/webgl 1.18.12 → 2.0.0

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

@@ -0,0 +1,59 @@
+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, $getDevicePixelRatio } from "../../../WebGLUtil";
+import { $intToR, $intToG, $intToB } from "../../../Filter";
+/**
+ * @description ディスプレイスメントマップ・フィルタを適用する
+ *              Apply displacement map filter
+ *
+ * @param  {ITextureObject} texture_object
+ * @param  {Float32Array} matrix
+ * @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, matrix, 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 devicePixelRatio = $getDevicePixelRatio();
+    const xScale = Math.sqrt(matrix[0] * matrix[0] + matrix[1] * matrix[1]) / devicePixelRatio;
+    const yScale = Math.sqrt(matrix[2] * matrix[2] + matrix[3] * matrix[3]) / devicePixelRatio;
+    const width = texture_object.width;
+    const height = texture_object.height;
+    const baseWidth = width / xScale;
+    const baseHeight = height / yScale;
+    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, width, height, baseWidth, baseHeight, 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 { $getDevicePixelRatio, $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 = $getDevicePixelRatio();
+    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;

package/src/Filter/GradientBevelFilter/usecase/FilterApplyGradientBevelFilterUseCase.js

@@ -0,0 +1,105 @@
+import { execute as frameBufferManagerGetAttachmentObjectUseCase } from "../../../FrameBufferManager/usecase/FrameBufferManagerGetAttachmentObjectUseCase";
+import { execute as textureManagerBind0UseCase } from "../../../TextureManager/usecase/TextureManagerBind0UseCase";
+import { execute as shaderManagerDrawTextureUseCase } from "../../../Shader/ShaderManager/usecase/ShaderManagerDrawTextureUseCase";
+import { execute as variantsBlendTextureShaderService } from "../../../Shader/Variants/Blend/service/VariantsBlendTextureShaderService";
+import { execute as shaderManagerSetTextureUniformService } from "../../../Shader/ShaderManager/service/ShaderManagerSetTextureUniformService";
+import { execute as blendEraseService } from "../../../Blend/service/BlendEraseService";
+import { execute as blendResetService } from "../../../Blend/service/BlendResetService";
+import { execute as filterApplyBlurFilterUseCase } from "../../BlurFilter/usecase/FilterApplyBlurFilterUseCase";
+import { execute as frameBufferManagerReleaseAttachmentObjectUseCase } from "../../../FrameBufferManager/usecase/FrameBufferManagerReleaseAttachmentObjectUseCase";
+import { execute as filterApplyBitmapFilterUseCase } from "../../BitmapFilter/usecase/FilterApplyBitmapFilterUseCase";
+import { execute as textureManagerReleaseTextureObjectUseCase } from "../../../TextureManager/usecase/TextureManagerReleaseTextureObjectUseCase";
+import { $offset } from "../../../Filter";
+import { $getDevicePixelRatio, $context } from "../../../WebGLUtil";
+/**
+ * @type {number}
+ * @private
+ */
+const $Deg2Rad = Math.PI / 180;
+/**
+ * @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 const execute = (texture_object, matrix, distance = 4, angle = 45, colors, alphas, ratios, blur_x = 4, blur_y = 4, strength = 1, quality = 1, type = 0, knockout = false) => {
+    const baseWidth = texture_object.width;
+    const baseHeight = texture_object.height;
+    const baseOffsetX = $offset.x;
+    const baseOffsetY = $offset.y;
+    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 = $getDevicePixelRatio();
+    const radian = angle * $Deg2Rad;
+    const x = Math.cos(radian) * distance * (xScale / devicePixelRatio);
+    const y = Math.sin(radian) * distance * (yScale / devicePixelRatio);
+    const currentAttachmentObject = $context.currentAttachmentObject;
+    const attachmentObject = frameBufferManagerGetAttachmentObjectUseCase(baseWidth, baseHeight, false);
+    $context.bind(attachmentObject);
+    $context.reset();
+    $context.setTransform(1, 0, 0, 1, 0, 0);
+    textureManagerBind0UseCase(texture_object);
+    const shaderManager = variantsBlendTextureShaderService();
+    shaderManagerSetTextureUniformService(shaderManager, texture_object.width, texture_object.height);
+    shaderManagerDrawTextureUseCase(shaderManager);
+    $context.setTransform(1, 0, 0, 1, x * 2, y * 2);
+    blendEraseService();
+    shaderManagerSetTextureUniformService(shaderManager, texture_object.width, texture_object.height);
+    shaderManagerDrawTextureUseCase(shaderManager);
+    blendResetService();
+    const bevelBaseTextureObject = attachmentObject.texture;
+    if (currentAttachmentObject) {
+        $context.bind(currentAttachmentObject);
+    }
+    const blurTextureObject = filterApplyBlurFilterUseCase(bevelBaseTextureObject, matrix, blur_x, blur_y, quality, false);
+    frameBufferManagerReleaseAttachmentObjectUseCase(attachmentObject);
+    const blurWidth = blurTextureObject.width;
+    const blurHeight = blurTextureObject.height;
+    const bevelWidth = Math.ceil(blurWidth + Math.abs(x) * 2);
+    const bevelHeight = Math.ceil(blurHeight + Math.abs(y) * 2);
+    // bevel filter buffer
+    let typeName = "";
+    switch (type) {
+        case 0:
+            typeName = "full";
+            break;
+        case 1:
+            typeName = "inner";
+            break;
+        case 2:
+            typeName = "outer";
+            break;
+    }
+    const isInner = typeName === "inner";
+    const width = isInner ? baseWidth : bevelWidth;
+    const height = isInner ? baseHeight : bevelHeight;
+    const absX = Math.abs(x);
+    const absY = Math.abs(y);
+    const blurOffsetX = (blurWidth - baseWidth) / 2;
+    const blurOffsetY = (blurHeight - baseHeight) / 2;
+    const baseTextureX = isInner ? 0 : absX + blurOffsetX;
+    const baseTextureY = isInner ? 0 : absY + blurOffsetY;
+    const blurTextureX = isInner ? -blurOffsetX - x : absX - x;
+    const blurTextureY = isInner ? -blurOffsetY - y : absY - y;
+    const textureObject = filterApplyBitmapFilterUseCase(texture_object, blurTextureObject, width, height, baseWidth, baseHeight, baseTextureX, baseTextureY, blurWidth, blurHeight, blurTextureX, blurTextureY, false, typeName, knockout, strength, ratios, colors, alphas, 0, 0, 0, 0, 0, 0, 0, 0);
+    $offset.x = baseOffsetX + baseTextureX;
+    $offset.y = baseOffsetY + baseTextureY;
+    textureManagerReleaseTextureObjectUseCase(texture_object);
+    textureManagerReleaseTextureObjectUseCase(blurTextureObject);
+    return textureObject;
+};

package/src/Filter/GradientGlowFilter/usecase/FilterApplyGradientGlowFilterUseCase.d.ts

@@ -0,0 +1,23 @@
+import type { ITextureObject } from "../../../interface/ITextureObject";
+/**
+ * @description GradientGlowFilterを適用する
+ *              Apply GradientGlowFilter
+ *
+ * @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;

package/src/Filter/GradientGlowFilter/usecase/FilterApplyGradientGlowFilterUseCase.js

@@ -0,0 +1,81 @@
+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 { $offset } from "../../../Filter";
+import { $getDevicePixelRatio } from "../../../WebGLUtil";
+/**
+ * @type {number}
+ * @private
+ */
+const $Deg2Rad = Math.PI / 180;
+/**
+ * @description GradientGlowFilterを適用する
+ *              Apply GradientGlowFilter
+ *
+ * @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 const execute = (texture_object, matrix, distance = 4, angle = 45, colors, alphas, ratios, blur_x = 4, blur_y = 4, strength = 1, quality = 1, type = 0, knockout = false) => {
+    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 = $getDevicePixelRatio();
+    const radian = angle * $Deg2Rad;
+    const x = Math.cos(radian) * distance * (xScale / devicePixelRatio);
+    const y = Math.sin(radian) * distance * (yScale / devicePixelRatio);
+    const isInner = type === 1;
+    const w = isInner ? baseWidth : blurWidth + Math.max(0, Math.abs(x) - offsetDiffX);
+    const h = isInner ? 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 = isInner ? 0 : Math.max(0, offsetDiffX - x) + fractionX;
+    const baseTextureY = isInner ? 0 : Math.max(0, offsetDiffY - y) + fractionY;
+    const blurTextureX = isInner ? x - blurOffsetX : (x > 0 ? Math.max(0, x - offsetDiffX) : 0) + fractionX;
+    const blurTextureY = isInner ? y - blurOffsetY : (y > 0 ? Math.max(0, y - offsetDiffY) : 0) + fractionY;
+    // bevel filter buffer
+    let typeName = "";
+    switch (type) {
+        case 0:
+            typeName = "full";
+            break;
+        case 1:
+            typeName = "inner";
+            break;
+        case 2:
+            typeName = "outer";
+            break;
+    }
+    const textureObject = filterApplyBitmapFilterUseCase(texture_object, blurTextureObject, width, height, baseWidth, baseHeight, baseTextureX, baseTextureY, blurWidth, blurHeight, blurTextureX, blurTextureY, true, typeName, knockout, strength, ratios, colors, alphas, 0, 0, 0, 0, 0, 0, 0, 0);
+    $offset.x = baseOffsetX + baseTextureX;
+    $offset.y = baseOffsetY + baseTextureY;
+    textureManagerReleaseTextureObjectUseCase(texture_object);
+    textureManagerReleaseTextureObjectUseCase(blurTextureObject);
+    return textureObject;
+};

package/src/Filter.d.ts

@@ -0,0 +1,45 @@
+import type { IPoint } from "./interface/IPoint";
+/**
+ * @description フィルター適用におけるオフセット値
+ *             Offset value in filter application
+ *
+ * @type {IPoint}
+ * @protected
+ */
+export declare const $offset: IPoint;
+/**
+ * @description カラー値から赤成分を取得します。
+ *              Get the red component from the color value.
+ *
+ * @param  {number} color
+ * @param  {number} alpha
+ * @param  {boolean} premultiplied
+ * @return {number}
+ * @method
+ * @protected
+ */
+export declare const $intToR: (color: number, alpha: number, premultiplied: boolean) => number;
+/**
+ * @description カラー値から緑成分を取得します。
+ *              Get the green component from the color value.
+ *
+ * @param  {number} color
+ * @param  {number} alpha
+ * @param  {boolean} premultiplied
+ * @return {number}
+ * @method
+ * @protected
+ */
+export declare const $intToG: (color: number, alpha: number, premultiplied: boolean) => number;
+/**
+ * @description カラー値から青成分を取得します。
+ *              Get the red component from the color value.
+ *
+ * @param  {number} color
+ * @param  {number} alpha
+ * @param  {boolean} premultiplied
+ * @return {number}
+ * @method
+ * @protected
+ */
+export declare const $intToB: (color: number, alpha: number, premultiplied: boolean) => number;

package/src/Filter.js

@@ -0,0 +1,53 @@
+/**
+ * @description フィルター適用におけるオフセット値
+ *             Offset value in filter application
+ *
+ * @type {IPoint}
+ * @protected
+ */
+export const $offset = {
+    "x": 0,
+    "y": 0
+};
+/**
+ * @description カラー値から赤成分を取得します。
+ *              Get the red component from the color value.
+ *
+ * @param  {number} color
+ * @param  {number} alpha
+ * @param  {boolean} premultiplied
+ * @return {number}
+ * @method
+ * @protected
+ */
+export const $intToR = (color, alpha, premultiplied) => {
+    return (color >> 16) * (premultiplied ? alpha : 1) / 255;
+};
+/**
+ * @description カラー値から緑成分を取得します。
+ *              Get the green component from the color value.
+ *
+ * @param  {number} color
+ * @param  {number} alpha
+ * @param  {boolean} premultiplied
+ * @return {number}
+ * @method
+ * @protected
+ */
+export const $intToG = (color, alpha, premultiplied) => {
+    return (color >> 8 & 0xFF) * (premultiplied ? alpha : 1) / 255;
+};
+/**
+ * @description カラー値から青成分を取得します。
+ *              Get the red component from the color value.
+ *
+ * @param  {number} color
+ * @param  {number} alpha
+ * @param  {boolean} premultiplied
+ * @return {number}
+ * @method
+ * @protected
+ */
+export const $intToB = (color, alpha, premultiplied) => {
+    return (color & 0xFF) * (premultiplied ? alpha : 1) / 255;
+};

package/src/FrameBufferManager/service/FrameBufferManagerBindAttachmentObjectService.d.ts

@@ -0,0 +1,11 @@
+import type { IAttachmentObject } from "../../interface/IAttachmentObject";
+/**
+ * @description フレームバッファにアタッチメントオブジェクトをバインドする
+ *              Bind the attachment object to the frame buffer
+ *
+ * @param  {IAttachmentObject} attachment_object
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (attachment_object: IAttachmentObject) => void;

package/src/FrameBufferManager/service/FrameBufferManagerBindAttachmentObjectService.js

@@ -0,0 +1,29 @@
+import { $gl } from "../../WebGLUtil";
+import { execute as textureManagerBind0UseCase } from "../../TextureManager/usecase/TextureManagerBind0UseCase";
+import { $setFramebufferBound, $setCurrentAttachment, $readFrameBuffer, $useFramebufferBound } from "../../FrameBufferManager";
+/**
+ * @description フレームバッファにアタッチメントオブジェクトをバインドする
+ *              Bind the attachment object to the frame buffer
+ *
+ * @param  {IAttachmentObject} attachment_object
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (attachment_object) => {
+    $setCurrentAttachment(attachment_object);
+    if (!$useFramebufferBound()) {
+        $setFramebufferBound(true);
+        $gl.bindFramebuffer($gl.FRAMEBUFFER, $readFrameBuffer);
+    }
+    if (attachment_object.msaa) {
+        $gl.bindRenderbuffer($gl.RENDERBUFFER, attachment_object.color.resource);
+        $gl.framebufferRenderbuffer($gl.FRAMEBUFFER, $gl.COLOR_ATTACHMENT0, $gl.RENDERBUFFER, attachment_object.color.resource);
+    }
+    else {
+        textureManagerBind0UseCase(attachment_object.texture);
+        $gl.framebufferTexture2D($gl.FRAMEBUFFER, $gl.COLOR_ATTACHMENT0, $gl.TEXTURE_2D, attachment_object.texture.resource, 0);
+    }
+    $gl.bindRenderbuffer($gl.RENDERBUFFER, attachment_object.stencil.resource);
+    $gl.framebufferRenderbuffer($gl.FRAMEBUFFER, $gl.STENCIL_ATTACHMENT, $gl.RENDERBUFFER, attachment_object.stencil.resource);
+};

package/src/FrameBufferManager/service/FrameBufferManagerCreateAttachmentObjectService.d.ts

@@ -0,0 +1,10 @@
+import type { IAttachmentObject } from "../../interface/IAttachmentObject";
+/**
+ * @description FrameBufferManagerのアタッチメントオブジェクトを新規作成
+ *              Create a new attachment object for FrameBufferManager
+ *
+ * @return {IAttachmentObject}
+ * @method
+ * @protected
+ */
+export declare const execute: () => IAttachmentObject;

package/src/FrameBufferManager/service/FrameBufferManagerCreateAttachmentObjectService.js

@@ -0,0 +1,26 @@
+/**
+ * @type {number}
+ * @private
+ */
+let $id = 0;
+/**
+ * @description FrameBufferManagerのアタッチメントオブジェクトを新規作成
+ *              Create a new attachment object for FrameBufferManager
+ *
+ * @return {IAttachmentObject}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    return {
+        "id": $id++,
+        "width": 0,
+        "height": 0,
+        "clipLevel": 0,
+        "msaa": false,
+        "mask": false,
+        "color": null,
+        "texture": null,
+        "stencil": null
+    };
+};