@next2d/webgl 1.18.12 → 3.0.0

package/src/Blend/service/BlendScreenService.js

@@ -0,0 +1,16 @@
+import { $funcCode, $setFuncCode } from "../../Blend";
+import { $gl } from "../../WebGLUtil";
+/**
+ * @description ブレンドモードをスクリーンに設定します。
+ *              Set the blend mode to screen.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    if ($funcCode !== 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 { $funcCode, $setFuncCode } from "../../Blend";
+import { $gl } from "../../WebGLUtil";
+/**
+ * @description ブレンドモードをソースアトップに設定します。
+ *              Set the blend mode to source atop.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    if ($funcCode !== 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 { $funcCode, $setFuncCode } from "../../Blend";
+/**
+ * @description ブレンドモードをソースインに設定します。
+ *              Set the blend mode to source in.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    if ($funcCode !== 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 { $currentBlendMode } from "../../Blend";
+/**
+ * @description インスタンス描画を実行します。
+ *              Execute instance drawing.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    const shaderInstancedManager = variantsBlendInstanceShaderService();
+    if (!shaderInstancedManager.count) {
+        return;
+    }
+    // Transfer to atlas texture.
+    frameBufferManagerTransferAtlasTextureService();
+    blendOperationUseCase($currentBlendMode);
+    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;

package/src/Blend/usecase/BlnedDrawDisplayObjectUseCase.js

@@ -0,0 +1,149 @@
+import { execute as variantsBlendInstanceShaderService } from "../../Shader/Variants/Blend/service/VariantsBlendInstanceShaderService";
+import { execute as variantsBlendDrawShaderService } from "../../Shader/Variants/Blend/service/VariantsBlendDrawShaderService";
+import { $getFloat32Array6, $RENDER_MAX_SIZE } from "../../WebGLUtil";
+import { $setActiveAtlasIndex } from "../../AtlasManager";
+import { execute as frameBufferManagerGetTextureFromNodeUseCase } from "../../FrameBufferManager/usecase/FrameBufferManagerGetTextureFromNodeUseCase";
+import { execute as textureManagerReleaseTextureObjectUseCase } from "../../TextureManager/usecase/TextureManagerReleaseTextureObjectUseCase";
+import { execute as textureManagerBind0UseCase } from "../../TextureManager/usecase/TextureManagerBind0UseCase";
+import { execute as textureManagerBind01UseCase } from "../../TextureManager/usecase/TextureManagerBind01UseCase";
+import { execute as frameBufferManagerGetTextureFromBoundsUseCase } from "../../FrameBufferManager/usecase/FrameBufferManagerGetTextureFromBoundsUseCase";
+import { execute as frameBufferManagerReleaseAttachmentObjectUseCase } from "../../FrameBufferManager/usecase/FrameBufferManagerReleaseAttachmentObjectUseCase";
+import { execute as frameBufferManagerGetAttachmentObjectUseCase } from "../../FrameBufferManager/usecase/FrameBufferManagerGetAttachmentObjectUseCase";
+import { execute as shaderManagerDrawTextureUseCase } from "../../Shader/ShaderManager/usecase/ShaderManagerDrawTextureUseCase";
+import { execute as frameBufferManagerTransferTextureFromRectUseCase } from "../../FrameBufferManager/usecase/FrameBufferManagerTransferTextureFromRectUseCase";
+import { execute as shaderManagerSetBlendWithColorTransformUniformService } from "../../Shader/ShaderManager/service/ShaderManagerSetBlendWithColorTransformUniformService";
+import { execute as variantsBlendMatrixTextureShaderService } from "../../Shader/Variants/Blend/service/VariantsBlendMatrixTextureShaderService";
+import { execute as shaderManagerSetMatrixTextureUniformService } from "../../Shader/ShaderManager/service/ShaderManagerSetMatrixTextureUniformService";
+import { $context, $viewportHeight, $viewportWidth } from "../../WebGLUtil";
+import { $currentBlendMode, $setCurrentBlendMode } from "../../Blend";
+import { $currentAtlasIndex, $setCurrentAtlasIndex } from "../../AtlasManager";
+import { renderQueue } from "@next2d/render-queue";
+/**
+ * @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 const execute = (node, x_min, y_min, x_max, y_max, color_transform) => {
+    const ct0 = color_transform[0];
+    const ct1 = color_transform[1];
+    const ct2 = color_transform[2];
+    const ct3 = $context.globalAlpha;
+    const ct4 = color_transform[4] / 255;
+    const ct5 = color_transform[5] / 255;
+    const ct6 = color_transform[6] / 255;
+    const ct7 = 0;
+    const matrix = $context.$matrix;
+    switch ($context.globalCompositeOperation) {
+        case "normal":
+        case "layer":
+        case "add":
+        case "screen":
+        case "alpha":
+        case "erase":
+        case "copy":
+            {
+                if ($currentBlendMode !== $context.globalCompositeOperation
+                    || $currentAtlasIndex !== node.index) {
+                    // 異なるフレームバッファになるので、切り替え前にメインバッファに描画を実行
+                    $setActiveAtlasIndex($currentAtlasIndex);
+                    const currentOperation = $context.globalCompositeOperation;
+                    $context.globalCompositeOperation = $currentBlendMode;
+                    $context.newDrawState = true;
+                    $context.drawArraysInstanced();
+                    $context.newDrawState = true;
+                    // ブレンドモードをセット
+                    $context.globalCompositeOperation = currentOperation;
+                    $setCurrentBlendMode($context.globalCompositeOperation);
+                    // indexをセット
+                    $setCurrentAtlasIndex(node.index);
+                    $setActiveAtlasIndex(node.index);
+                }
+                // 描画するまで配列に変数を保持
+                const shaderInstancedManager = variantsBlendInstanceShaderService();
+                renderQueue.pushDisplayObjectBuffer((node.x + 0.5) / $RENDER_MAX_SIZE, (node.y + 0.5) / $RENDER_MAX_SIZE, (node.w - 1.0) / $RENDER_MAX_SIZE, (node.h - 1.0) / $RENDER_MAX_SIZE, node.w, node.h, $viewportWidth, $viewportHeight, matrix[6], matrix[7], matrix[0], matrix[1], matrix[3], matrix[4], ct0, ct1, ct2, ct3, ct4, ct5, ct6, ct7);
+                shaderInstancedManager.count++;
+            }
+            break;
+        default:
+            {
+                const currentAttachmentObject = $context.currentAttachmentObject;
+                // これまでの描画を実行
+                $context.drawArraysInstanced();
+                const width = Math.ceil(Math.abs(x_max - x_min));
+                const height = Math.ceil(Math.abs(y_max - y_min));
+                let offsetX = 0;
+                let offsetY = 0;
+                let srcTextureObject = frameBufferManagerGetTextureFromNodeUseCase(node);
+                if (matrix[0] !== 1 || matrix[1] !== 0
+                    || matrix[3] !== 0 || matrix[4] !== 1) {
+                    const attachmentObject = frameBufferManagerGetAttachmentObjectUseCase(width, height, false);
+                    const a = $getFloat32Array6(matrix[0], matrix[1], matrix[3], matrix[4], width / 2, height / 2);
+                    const b = $getFloat32Array6(1, 0, 0, 1, -node.w / 2, -node.h / 2);
+                    const tMatrix = $getFloat32Array6(a[0] * b[0] + a[2] * b[1], a[1] * b[0] + a[3] * b[1], a[0] * b[2] + a[2] * b[3], a[1] * b[2] + a[3] * b[3], a[0] * b[4] + a[2] * b[5] + a[4], a[1] * b[4] + a[3] * b[5] + a[5]);
+                    $context.save();
+                    $context.bind(attachmentObject);
+                    $context.setTransform(tMatrix[0], tMatrix[1], tMatrix[2], tMatrix[3], tMatrix[4], tMatrix[5]);
+                    offsetX = tMatrix[4];
+                    offsetY = tMatrix[5];
+                    // 元の描画をフィルター用のテクスチャに描画
+                    const shaderManager = variantsBlendMatrixTextureShaderService();
+                    shaderManagerSetMatrixTextureUniformService(shaderManager, srcTextureObject.width, srcTextureObject.height);
+                    textureManagerBind0UseCase(srcTextureObject, true);
+                    shaderManagerDrawTextureUseCase(shaderManager);
+                    // 元のテクスチャを解放
+                    textureManagerReleaseTextureObjectUseCase(srcTextureObject);
+                    // フィルター用のテクスチャをセットしてコピー用のAttachmentObjectをリリース
+                    srcTextureObject = attachmentObject.texture;
+                    frameBufferManagerReleaseAttachmentObjectUseCase(attachmentObject, false);
+                    if (currentAttachmentObject) {
+                        $context.bind(currentAttachmentObject);
+                    }
+                    $context.restore();
+                }
+                // offset値があれば、座標を移動
+                if (offsetX || offsetY) {
+                    matrix[6] -= offsetX;
+                    matrix[7] -= offsetY;
+                }
+                const dstTextureObject = frameBufferManagerGetTextureFromBoundsUseCase(matrix[6], matrix[7], width, height);
+                const attachmentObject = frameBufferManagerGetAttachmentObjectUseCase(width, height, false);
+                $context.bind(attachmentObject);
+                // ブレンドするテクスチャをバインド
+                textureManagerBind01UseCase(dstTextureObject, srcTextureObject);
+                // blend用のシェーダーを取得
+                const shaderManager = variantsBlendDrawShaderService($context.globalCompositeOperation, true);
+                shaderManagerSetBlendWithColorTransformUniformService(shaderManager, ct0, ct1, ct2, ct3, ct4, ct5, ct6, ct7);
+                shaderManagerDrawTextureUseCase(shaderManager);
+                if (currentAttachmentObject) {
+                    $context.bind(currentAttachmentObject);
+                }
+                // ブレンドしたtextureを元の座標に描画
+                frameBufferManagerTransferTextureFromRectUseCase(attachmentObject.texture);
+                // matrixを元に戻す
+                if (offsetX || offsetY) {
+                    matrix[6] += offsetX;
+                    matrix[7] += offsetY;
+                }
+                // テクスチャを解放
+                textureManagerReleaseTextureObjectUseCase(srcTextureObject);
+                textureManagerReleaseTextureObjectUseCase(dstTextureObject);
+                // フレームバッファを解放
+                frameBufferManagerReleaseAttachmentObjectUseCase(attachmentObject);
+                // ブレンドモードをセット
+                $setCurrentBlendMode($context.globalCompositeOperation);
+                // indexをセット
+                $setCurrentAtlasIndex(node.index);
+                $setActiveAtlasIndex(node.index);
+            }
+            break;
+    }
+};

package/src/Blend.d.ts

@@ -0,0 +1,5 @@
+import type { IBlendMode } from "./interface/IBlendMode";
+export declare let $currentBlendMode: IBlendMode;
+export declare const $setCurrentBlendMode: (blend_mode: IBlendMode) => void;
+export declare let $funcCode: number;
+export declare const $setFuncCode: (func_code: number) => void;

package/src/Blend.js

@@ -0,0 +1,8 @@
+export let $currentBlendMode = "normal";
+export const $setCurrentBlendMode = (blend_mode) => {
+    $currentBlendMode = blend_mode;
+};
+export let $funcCode = 600;
+export const $setFuncCode = (func_code) => {
+    $funcCode = func_code;
+};

package/src/ColorBufferObject/service/ColorBufferObjectCreateService.d.ts

@@ -0,0 +1,10 @@
+import type { IColorBufferObject } from "../../interface/IColorBufferObject";
+/**
+ * @description 新規のColorBufferObjectを生成する
+ *              Create a new ColorBufferObject
+ *
+ * @return {object}
+ * @method
+ * @protected
+ */
+export declare const execute: () => IColorBufferObject;

package/src/ColorBufferObject/service/ColorBufferObjectCreateService.js

@@ -0,0 +1,27 @@
+import { $gl } from "../../WebGLUtil";
+/**
+ * @description 新規のColorBufferObjectを生成する
+ *              Create a new ColorBufferObject
+ *
+ * @return {object}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    const stencilBufferObject = {
+        "id": 0,
+        "resource": $gl.createRenderbuffer(),
+        "width": 0,
+        "height": 0,
+        "area": 0,
+        "dirty": false
+    };
+    return {
+        "resource": $gl.createRenderbuffer(),
+        "stencil": stencilBufferObject,
+        "width": 0,
+        "height": 0,
+        "area": 0,
+        "dirty": false
+    };
+};

package/src/ColorBufferObject/service/ColorBufferObjectMeguruBinarySearchService.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @description めぐる式二分探索法でobject_poolを検索する
+ *              Search object_pool with Meguru binary search method
+ *
+ * @param  {number} area
+ * @return {number}
+ * @method
+ * @protected
+ */
+export declare const execute: (area: number) => number;

package/src/ColorBufferObject/service/ColorBufferObjectMeguruBinarySearchService.js

@@ -0,0 +1,24 @@
+import { $objectPool } from "../../ColorBufferObject";
+/**
+ * @description めぐる式二分探索法でobject_poolを検索する
+ *              Search object_pool with Meguru binary search method
+ *
+ * @param  {number} area
+ * @return {number}
+ * @method
+ * @protected
+ */
+export const execute = (area) => {
+    let ng = -1;
+    let ok = $objectPool.length;
+    while (Math.abs(ok - ng) > 1) {
+        const mid = Math.floor((ok + ng) / 2);
+        if (area <= $objectPool[mid].area) {
+            ok = mid;
+        }
+        else {
+            ng = mid;
+        }
+    }
+    return ok;
+};

package/src/ColorBufferObject/usecase/ColorBufferObjectAcquireObjectUseCase.d.ts

@@ -0,0 +1,11 @@
+import type { IColorBufferObject } from "../../interface/IColorBufferObject";
+/**
+ * @description 指定サイズのobjectがpoolにあれば再利用、なければ新規作成する
+ *              If an object of the specified size is in the pool, reuse it, otherwise create a new one
+ *
+ * @param  {number} area
+ * @return {object}
+ * @method
+ * @protected
+ */
+export declare const execute: (area: number) => IColorBufferObject;

package/src/ColorBufferObject/usecase/ColorBufferObjectAcquireObjectUseCase.js

@@ -0,0 +1,28 @@
+import { execute as colorBufferObjectCreateService } from "../service/ColorBufferObjectCreateService";
+import { execute as colorBufferObjectMeguruBinarySearchService } from "../service/ColorBufferObjectMeguruBinarySearchService";
+import { $objectPool } from "../../ColorBufferObject";
+/**
+ * @description 指定サイズのobjectがpoolにあれば再利用、なければ新規作成する
+ *              If an object of the specified size is in the pool, reuse it, otherwise create a new one
+ *
+ * @param  {number} area
+ * @return {object}
+ * @method
+ * @protected
+ */
+export const execute = (area) => {
+    if (!$objectPool.length) {
+        return colorBufferObjectCreateService();
+    }
+    const index = colorBufferObjectMeguruBinarySearchService(area);
+    if (index < $objectPool.length) {
+        const colorBuffer = $objectPool[index];
+        $objectPool.splice(index, 1);
+        return colorBuffer;
+    }
+    const colorBuffer = $objectPool.shift();
+    if (!colorBuffer) {
+        throw new Error("the color buffer is void.");
+    }
+    return colorBuffer;
+};

package/src/ColorBufferObject/usecase/ColorBufferObjectGetColorBufferObjectUseCase.d.ts

@@ -0,0 +1,12 @@
+import type { IColorBufferObject } from "../../interface/IColorBufferObject";
+/**
+ * @description 指定サイズのColorBufferObjectを取得する
+ *              Get a ColorBufferObject of the specified size
+ *
+ * @param  {number} width
+ * @param  {number} height
+ * @return {object}
+ * @method
+ * @protected
+ */
+export declare const execute: (width: number, height: number) => IColorBufferObject;