@next2d/webgl 1.18.12 → 3.0.0

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 { $devicePixelRatio, $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 = $devicePixelRatio;
+    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 { $devicePixelRatio } 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 = $devicePixelRatio;
+    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,35 @@
+import { $gl } from "../../WebGLUtil";
+import { execute as textureManagerBind0UseCase } from "../../TextureManager/usecase/TextureManagerBind0UseCase";
+import { execute as textureManagerBindService } from "../../TextureManager/service/TextureManagerBindService";
+import { $setFramebufferBound, $setCurrentAttachment, $readFrameBuffer, $isFramebufferBound } 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 (!$isFramebufferBound) {
+        $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);
+        // テクスチャフィードバックループを防止:
+        // WebGL2ではテクスチャユニットにバインドされたテクスチャが描画フレームバッファにも
+        // アタッチされている場合、drawArrays等がINVALID_OPERATIONを生成する。
+        // framebufferTexture2Dにはテクスチャユニットへのバインドは不要なため、アンバインドする。
+        textureManagerBindService(0, $gl.TEXTURE0, null);
+    }
+    $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
+    };
+};

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

@@ -0,0 +1,9 @@
+/**
+ * @description アトラステクスチャに転写します。
+ *              Transfer to atlas texture.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: () => void;

package/src/FrameBufferManager/service/FrameBufferManagerTransferAtlasTextureService.js

@@ -0,0 +1,31 @@
+import { $getActiveTransferBounds, $activeAtlasIndex } from "../../AtlasManager";
+import { $gl, $context, $enableScissorTest, $disableScissorTest } from "../../WebGLUtil";
+import { $atlasFrameBuffer, $setFramebufferBound } from "../../FrameBufferManager";
+/**
+ * @description アトラステクスチャに転写します。
+ *              Transfer to atlas texture.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    if (!$context.newDrawState) {
+        return;
+    }
+    const currentAttachmentObject = $context.currentAttachmentObject;
+    const atlasAttachmentObject = $context.atlasAttachmentObject;
+    $context.bind(atlasAttachmentObject);
+    $gl.bindFramebuffer($gl.DRAW_FRAMEBUFFER, $atlasFrameBuffer);
+    $setFramebufferBound(false);
+    const atlasIdx = $activeAtlasIndex;
+    const bounds = $getActiveTransferBounds(atlasIdx);
+    $enableScissorTest();
+    $gl.scissor(bounds[0], bounds[1], bounds[2] - bounds[0], bounds[3] - bounds[1]);
+    $gl.blitFramebuffer(0, 0, atlasAttachmentObject.width, atlasAttachmentObject.height, 0, 0, atlasAttachmentObject.width, atlasAttachmentObject.height, $gl.COLOR_BUFFER_BIT, $gl.NEAREST);
+    $disableScissorTest();
+    if (currentAttachmentObject) {
+        $context.bind(currentAttachmentObject);
+    }
+    $context.newDrawState = false;
+};

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

@@ -0,0 +1,9 @@
+/**
+ * @description メインのアタッチメントオブジェクトをメインキャンバスに転送します。
+ *              Transfer the main attachment object to the main canvas.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: () => void;

package/src/FrameBufferManager/service/FrameBufferManagerTransferMainCanvasService.js

@@ -0,0 +1,24 @@
+import { $readFrameBuffer, $drawFrameBuffer } from "../../FrameBufferManager";
+import { $gl, $context } from "../../WebGLUtil";
+/**
+ * @description メインのアタッチメントオブジェクトをメインキャンバスに転送します。
+ *              Transfer the main attachment object to the main canvas.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    const mainAttachmentObject = $context.$mainAttachmentObject;
+    $context.bind(mainAttachmentObject);
+    // fixed logic
+    $gl.bindFramebuffer($gl.READ_FRAMEBUFFER, $readFrameBuffer);
+    // use main Framebuffer
+    $gl.bindFramebuffer($gl.DRAW_FRAMEBUFFER, null);
+    const width = mainAttachmentObject.width;
+    const height = mainAttachmentObject.height;
+    $gl.blitFramebuffer(0, 0, width, height, 0, 0, width, height, $gl.COLOR_BUFFER_BIT, $gl.NEAREST);
+    // fixed logic
+    $gl.bindFramebuffer($gl.DRAW_FRAMEBUFFER, $drawFrameBuffer);
+    $gl.bindFramebuffer($gl.FRAMEBUFFER, $readFrameBuffer);
+};

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

@@ -0,0 +1,9 @@
+/**
+ * @description 現在アタッチされているFramebufferのバインド解除
+ *              Unbind the currently attached Framebuffer
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: () => void;

package/src/FrameBufferManager/service/FrameBufferManagerUnBindAttachmentObjectService.js

@@ -0,0 +1,17 @@
+import { $gl } from "../../WebGLUtil";
+import { $setCurrentAttachment, $isFramebufferBound, $setFramebufferBound } from "../../FrameBufferManager";
+/**
+ * @description 現在アタッチされているFramebufferのバインド解除
+ *              Unbind the currently attached Framebuffer
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    $setCurrentAttachment(null);
+    if ($isFramebufferBound) {
+        $setFramebufferBound(false);
+        $gl.bindFramebuffer($gl.FRAMEBUFFER, null);
+    }
+};

package/src/FrameBufferManager/usecase/FrameBufferManagerGetAttachmentObjectUseCase.d.ts

@@ -0,0 +1,13 @@
+import type { IAttachmentObject } from "../../interface/IAttachmentObject";
+/**
+ * @description FrameBufferManagerのアタッチメントオブジェクトを取得
+ *              Get the attachment object of FrameBufferManager
+ *
+ * @param  {number} width
+ * @param  {number} height
+ * @param  {boolean} [multisample=false]
+ * @return {IAttachmentObject}
+ * @method
+ * @protected
+ */
+export declare const execute: (width: number, height: number, multisample?: boolean) => IAttachmentObject;

package/src/FrameBufferManager/usecase/FrameBufferManagerGetAttachmentObjectUseCase.js

@@ -0,0 +1,41 @@
+import { $objectPool } from "../../FrameBufferManager";
+import { execute as frameBufferManagerCreateAttachmentObjectService } from "../service/FrameBufferManagerCreateAttachmentObjectService";
+import { execute as colorBufferObjectGetColorBufferObjectUseCase } from "../../ColorBufferObject/usecase/ColorBufferObjectGetColorBufferObjectUseCase";
+import { execute as stencilBufferObjectGetStencilBufferObjectUseCase } from "../../StencilBufferObject/usecase/StencilBufferObjectGetStencilBufferObjectUseCase";
+import { execute as textureManagerGetTextureUseCase } from "../../TextureManager/usecase/TextureManagerGetTextureUseCase";
+/**
+ * @description FrameBufferManagerのアタッチメントオブジェクトを取得
+ *              Get the attachment object of FrameBufferManager
+ *
+ * @param  {number} width
+ * @param  {number} height
+ * @param  {boolean} [multisample=false]
+ * @return {IAttachmentObject}
+ * @method
+ * @protected
+ */
+export const execute = (width, height, multisample = false) => {
+    // キャッシュがあれば再利用する（pop()はO(1)、shift()はO(n)）
+    const attachmentObject = $objectPool.length
+        ? $objectPool.pop()
+        : frameBufferManagerCreateAttachmentObjectService();
+    // テクスチャを取得
+    attachmentObject.width = width;
+    attachmentObject.height = height;
+    if (multisample) {
+        attachmentObject.msaa = true;
+        attachmentObject.texture = null;
+        attachmentObject.color = colorBufferObjectGetColorBufferObjectUseCase(width, height);
+        attachmentObject.stencil = attachmentObject.color.stencil;
+    }
+    else {
+        attachmentObject.msaa = false;
+        attachmentObject.texture = textureManagerGetTextureUseCase(width, height);
+        attachmentObject.color = null;
+        attachmentObject.stencil = stencilBufferObjectGetStencilBufferObjectUseCase(width, height);
+    }
+    // reset
+    attachmentObject.mask = false;
+    attachmentObject.clipLevel = 0;
+    return attachmentObject;
+};

package/src/FrameBufferManager/usecase/FrameBufferManagerGetTextureFromBoundsUseCase.d.ts

@@ -0,0 +1,14 @@
+import type { ITextureObject } from "../../interface/ITextureObject";
+/**
+ * @description 現在のアタッチメントオブジェクトから指定の範囲のtextureを取得します。
+ *              Get a texture from the specified range of the current attachment object.
+ *
+ * @param  {number} x
+ * @param  {number} y
+ * @param  {number} width
+ * @param  {number} height
+ * @return {IAttachmentObject}
+ * @method
+ * @protected
+ */
+export declare const execute: (x: number, y: number, width: number, height: number) => ITextureObject;

package/src/FrameBufferManager/usecase/FrameBufferManagerGetTextureFromBoundsUseCase.js

@@ -0,0 +1,41 @@
+import { execute as variantsBlendTextureShaderService } from "../../Shader/Variants/Blend/service/VariantsBlendTextureShaderService";
+import { execute as shaderManagerSetTextureUniformService } from "../../Shader/ShaderManager/service/ShaderManagerSetTextureUniformService";
+import { execute as frameBufferManagerGetAttachmentObjectUseCase } from "../../FrameBufferManager/usecase/FrameBufferManagerGetAttachmentObjectUseCase";
+import { execute as shaderManagerDrawTextureUseCase } from "../../Shader/ShaderManager/usecase/ShaderManagerDrawTextureUseCase";
+import { execute as frameBufferManagerReleaseAttachmentObjectUseCase } from "../../FrameBufferManager/usecase/FrameBufferManagerReleaseAttachmentObjectUseCase";
+import { execute as textureManagerBind0UseCase } from "../../TextureManager/usecase/TextureManagerBind0UseCase";
+import { execute as textureManagerGetMainTextureFromBoundsUseCase } from "../../TextureManager/usecase/TextureManagerGetMainTextureFromBoundsUseCase";
+import { execute as blendResetService } from "../../Blend/service/BlendResetService";
+import { $context } from "../../WebGLUtil";
+/**
+ * @description 現在のアタッチメントオブジェクトから指定の範囲のtextureを取得します。
+ *              Get a texture from the specified range of the current attachment object.
+ *
+ * @param  {number} x
+ * @param  {number} y
+ * @param  {number} width
+ * @param  {number} height
+ * @return {IAttachmentObject}
+ * @method
+ * @protected
+ */
+export const execute = (x, y, width, height) => {
+    const currentAttachmentObject = $context.currentAttachmentObject;
+    const mainTextureObject = textureManagerGetMainTextureFromBoundsUseCase(x, y, width, height);
+    const attachmentObject = frameBufferManagerGetAttachmentObjectUseCase(width, height, false);
+    $context.bind(attachmentObject);
+    $context.save();
+    $context.setTransform(1, 0, 0, 1, -x, -y);
+    const shaderManager = variantsBlendTextureShaderService();
+    shaderManagerSetTextureUniformService(shaderManager, mainTextureObject.width, mainTextureObject.height);
+    blendResetService();
+    textureManagerBind0UseCase(mainTextureObject);
+    shaderManagerDrawTextureUseCase(shaderManager);
+    const textureObject = attachmentObject.texture;
+    $context.restore();
+    frameBufferManagerReleaseAttachmentObjectUseCase(attachmentObject, false);
+    if (currentAttachmentObject) {
+        $context.bind(currentAttachmentObject);
+    }
+    return textureObject;
+};

package/src/FrameBufferManager/usecase/FrameBufferManagerGetTextureFromNodeUseCase.d.ts

@@ -0,0 +1,12 @@
+import type { Node } from "@next2d/texture-packer";
+import type { ITextureObject } from "../../interface/ITextureObject";
+/**
+ * @description アトラスフレームバッファからテクスチャを取得します。
+ *              Get a texture from the atlas frame buffer.
+ *
+ * @param  {Node} node
+ * @return {ITextureObject}
+ * @method
+ * @protected
+ */
+export declare const execute: (node: Node) => ITextureObject;