@next2d/webgl 1.18.12 → 2.0.0

package/src/TextureManager/service/TextureManagerInitializeBindService.js

@@ -0,0 +1,25 @@
+import { $gl } from "../../WebGLUtil";
+import { $activeTextureUnit, $boundTextures, $setActiveTextureUnit } from "../../TextureManager";
+/**
+ * @description テクスチャの初期設定を行います。
+ *              Initialize the texture.
+ *
+ * @param  {ITextureObject} textrue_object
+ * @param  {boolean} [smooth=false]
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (textrue_object, smooth = false) => {
+    if ($activeTextureUnit !== $gl.TEXTURE0) {
+        $setActiveTextureUnit($gl.TEXTURE0);
+        $gl.activeTexture($gl.TEXTURE0);
+    }
+    $boundTextures[0] = textrue_object;
+    $gl.bindTexture($gl.TEXTURE_2D, textrue_object.resource);
+    $gl.texParameteri($gl.TEXTURE_2D, $gl.TEXTURE_WRAP_S, $gl.CLAMP_TO_EDGE);
+    $gl.texParameteri($gl.TEXTURE_2D, $gl.TEXTURE_WRAP_T, $gl.CLAMP_TO_EDGE);
+    $gl.texParameteri($gl.TEXTURE_2D, $gl.TEXTURE_MIN_FILTER, smooth ? $gl.LINEAR : $gl.NEAREST);
+    $gl.texParameteri($gl.TEXTURE_2D, $gl.TEXTURE_MAG_FILTER, smooth ? $gl.LINEAR : $gl.NEAREST);
+    $gl.texStorage2D($gl.TEXTURE_2D, 1, $gl.RGBA8, textrue_object.width, textrue_object.height);
+};

package/src/TextureManager/usecase/TextureManagerBind012UseCase.d.ts

@@ -0,0 +1,14 @@
+import type { ITextureObject } from "../../interface/ITextureObject";
+/**
+ * @description TEXTURE0、TEXTURE1、TEXTURE2にテクスチャをバインドします。
+ *              Binds textures to TEXTURE0, TEXTURE1, and TEXTURE2.
+ *
+ * @param  {ITextureObject} texture0
+ * @param  {ITextureObject} texture1
+ * @param  {ITextureObject} texture2
+ * @param  {boolean} [smooth=false]
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (texture0: ITextureObject, texture1: ITextureObject, texture2: ITextureObject, smooth?: boolean) => void;

package/src/TextureManager/usecase/TextureManagerBind012UseCase.js

@@ -0,0 +1,19 @@
+import { execute as textureManagerBindService } from "../service/TextureManagerBindService";
+import { $gl } from "../../WebGLUtil";
+/**
+ * @description TEXTURE0、TEXTURE1、TEXTURE2にテクスチャをバインドします。
+ *              Binds textures to TEXTURE0, TEXTURE1, and TEXTURE2.
+ *
+ * @param  {ITextureObject} texture0
+ * @param  {ITextureObject} texture1
+ * @param  {ITextureObject} texture2
+ * @param  {boolean} [smooth=false]
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (texture0, texture1, texture2, smooth = false) => {
+    textureManagerBindService(2, $gl.TEXTURE2, texture2, smooth);
+    textureManagerBindService(1, $gl.TEXTURE1, texture1, smooth);
+    textureManagerBindService(0, $gl.TEXTURE0, texture0, smooth);
+};

package/src/TextureManager/usecase/TextureManagerBind01UseCase.d.ts

@@ -0,0 +1,13 @@
+import type { ITextureObject } from "../../interface/ITextureObject";
+/**
+ * @description TEXTURE0とTEXTURE1にテクスチャをバインドします。
+ *              Binds textures to TEXTURE0 and TEXTURE1.
+ *
+ * @param  {ITextureObject} texture0
+ * @param  {ITextureObject} texture1
+ * @param  {boolean} [smooth=false]
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (texture0: ITextureObject, texture1: ITextureObject, smooth?: boolean) => void;

package/src/TextureManager/usecase/TextureManagerBind01UseCase.js

@@ -0,0 +1,18 @@
+import { execute as textureManagerBindService } from "../service/TextureManagerBindService";
+import { $gl } from "../../WebGLUtil";
+/**
+ * @description TEXTURE0とTEXTURE1にテクスチャをバインドします。
+ *              Binds textures to TEXTURE0 and TEXTURE1.
+ *
+ * @param  {ITextureObject} texture0
+ * @param  {ITextureObject} texture1
+ * @param  {boolean} [smooth=false]
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (texture0, texture1, smooth = false) => {
+    textureManagerBindService(2, $gl.TEXTURE2, null, smooth);
+    textureManagerBindService(1, $gl.TEXTURE1, texture1, smooth);
+    textureManagerBindService(0, $gl.TEXTURE0, texture0, smooth);
+};

package/src/TextureManager/usecase/TextureManagerBind02UseCase.d.ts

@@ -0,0 +1,13 @@
+import type { ITextureObject } from "../../interface/ITextureObject";
+/**
+ * @description TEXTURE0とTEXTURE2にテクスチャをバインドします。
+ *              Binds textures to TEXTURE0 and TEXTURE2.
+ *
+ * @param  {ITextureObject} texture0
+ * @param  {ITextureObject} texture2
+ * @param  {boolean} [smooth=false]
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (texture0: ITextureObject, texture2: ITextureObject, smooth?: boolean) => void;

package/src/TextureManager/usecase/TextureManagerBind02UseCase.js

@@ -0,0 +1,18 @@
+import { execute as textureManagerBindService } from "../service/TextureManagerBindService";
+import { $gl } from "../../WebGLUtil";
+/**
+ * @description TEXTURE0とTEXTURE2にテクスチャをバインドします。
+ *              Binds textures to TEXTURE0 and TEXTURE2.
+ *
+ * @param  {ITextureObject} texture0
+ * @param  {ITextureObject} texture2
+ * @param  {boolean} [smooth=false]
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (texture0, texture2, smooth = false) => {
+    textureManagerBindService(2, $gl.TEXTURE2, texture2, smooth);
+    textureManagerBindService(1, $gl.TEXTURE1, null);
+    textureManagerBindService(0, $gl.TEXTURE0, texture0, smooth);
+};

package/src/TextureManager/usecase/TextureManagerBind0UseCase.d.ts

@@ -0,0 +1,12 @@
+import type { ITextureObject } from "../../interface/ITextureObject";
+/**
+ * @description テクスチャをTEXTURE0にバインドし、TEXTURE1、TEXTURE2をアンバインドします。
+ *              Bind the texture to TEXTURE0 and unbind TEXTURE1 and TEXTURE2.
+ *
+ * @param  {ITextureObject} texture0
+ * @param  {boolean} [smooth=false]
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (texture0: ITextureObject, smooth?: boolean) => void;

package/src/TextureManager/usecase/TextureManagerBind0UseCase.js

@@ -0,0 +1,17 @@
+import { execute as textureManagerBindService } from "../service/TextureManagerBindService";
+import { $gl } from "../../WebGLUtil";
+/**
+ * @description テクスチャをTEXTURE0にバインドし、TEXTURE1、TEXTURE2をアンバインドします。
+ *              Bind the texture to TEXTURE0 and unbind TEXTURE1 and TEXTURE2.
+ *
+ * @param  {ITextureObject} texture0
+ * @param  {boolean} [smooth=false]
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (texture0, smooth = false) => {
+    textureManagerBindService(2, $gl.TEXTURE2, null);
+    textureManagerBindService(1, $gl.TEXTURE1, null);
+    textureManagerBindService(0, $gl.TEXTURE0, texture0, smooth);
+};

package/src/TextureManager/usecase/TextureManagerCreateAtlasTextureUseCase.d.ts

@@ -0,0 +1,10 @@
+import type { ITextureObject } from "../../interface/ITextureObject";
+/**
+ * @description アトラス専用のテクスチャを作成します。
+ *              Create a texture for the atlas.
+ *
+ * @return {ITextureObject}
+ * @method
+ * @protected
+ */
+export declare const execute: () => ITextureObject;

package/src/TextureManager/usecase/TextureManagerCreateAtlasTextureUseCase.js

@@ -0,0 +1,25 @@
+import { execute as textureManagerCreateTextureObjectService } from "../service/TextureManagerCreateTextureObjectService";
+import { $activeTextureUnit } from "../../TextureManager";
+import { $RENDER_MAX_SIZE, $gl } from "../../WebGLUtil";
+/**
+ * @description アトラス専用のテクスチャを作成します。
+ *              Create a texture for the atlas.
+ *
+ * @return {ITextureObject}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    const textureObject = textureManagerCreateTextureObjectService($RENDER_MAX_SIZE, $RENDER_MAX_SIZE);
+    $gl.activeTexture($gl.TEXTURE3);
+    $gl.bindTexture($gl.TEXTURE_2D, textureObject.resource);
+    $gl.texParameteri($gl.TEXTURE_2D, $gl.TEXTURE_WRAP_S, $gl.CLAMP_TO_EDGE);
+    $gl.texParameteri($gl.TEXTURE_2D, $gl.TEXTURE_WRAP_T, $gl.CLAMP_TO_EDGE);
+    $gl.texParameteri($gl.TEXTURE_2D, $gl.TEXTURE_MIN_FILTER, $gl.LINEAR);
+    $gl.texParameteri($gl.TEXTURE_2D, $gl.TEXTURE_MAG_FILTER, $gl.NEAREST);
+    $gl.texStorage2D($gl.TEXTURE_2D, 1, $gl.RGBA8, textureObject.width, textureObject.height);
+    $gl.activeTexture($activeTextureUnit !== -1
+        ? $activeTextureUnit
+        : $gl.TEXTURE0);
+    return textureObject;
+};

package/src/TextureManager/usecase/TextureManagerCreateFromCanvasUseCase.d.ts

@@ -0,0 +1,14 @@
+import type { ITextureObject } from "../../interface/ITextureObject";
+/**
+ * @description OffscreenCanvasからテクスチャを作成します。
+ *              Create a texture from OffscreenCanvas data.
+ *
+ * @param  {number} width
+ * @param  {number} height
+ * @param  {OffscreenCanvas | ImageBitmap} element
+ * @param  {boolean} [smooth=false]
+ * @return {ITextureObject}
+ * @method
+ * @protected
+ */
+export declare const execute: (width: number, height: number, element: OffscreenCanvas | ImageBitmap, smooth?: boolean) => ITextureObject;

package/src/TextureManager/usecase/TextureManagerCreateFromCanvasUseCase.js

@@ -0,0 +1,19 @@
+import { execute as textureManagerGetTextureUseCase } from "./TextureManagerGetTextureUseCase";
+import { $gl } from "../../WebGLUtil";
+/**
+ * @description OffscreenCanvasからテクスチャを作成します。
+ *              Create a texture from OffscreenCanvas data.
+ *
+ * @param  {number} width
+ * @param  {number} height
+ * @param  {OffscreenCanvas | ImageBitmap} element
+ * @param  {boolean} [smooth=false]
+ * @return {ITextureObject}
+ * @method
+ * @protected
+ */
+export const execute = (width, height, element, smooth = false) => {
+    const textureObject = textureManagerGetTextureUseCase(width, height, smooth);
+    $gl.texSubImage2D($gl.TEXTURE_2D, 0, 0, 0, $gl.RGBA, $gl.UNSIGNED_BYTE, element);
+    return textureObject;
+};

package/src/TextureManager/usecase/TextureManagerCreateFromPixelsUseCase.d.ts

@@ -0,0 +1,14 @@
+import type { ITextureObject } from "../../interface/ITextureObject";
+/**
+ * @description ピクセルデータからテクスチャを作成します。
+ *              Create a texture from pixel data.
+ *
+ * @param  {number} width
+ * @param  {number} height
+ * @param  {Uint8Array} pixels
+ * @param  {boolean} [smooth=false]
+ * @return {ITextureObject}
+ * @method
+ * @protected
+ */
+export declare const execute: (width: number, height: number, pixels: Uint8Array, smooth?: boolean) => ITextureObject;

package/src/TextureManager/usecase/TextureManagerCreateFromPixelsUseCase.js

@@ -0,0 +1,19 @@
+import { execute as textureManagerGetTextureUseCase } from "./TextureManagerGetTextureUseCase";
+import { $gl } from "../../WebGLUtil";
+/**
+ * @description ピクセルデータからテクスチャを作成します。
+ *              Create a texture from pixel data.
+ *
+ * @param  {number} width
+ * @param  {number} height
+ * @param  {Uint8Array} pixels
+ * @param  {boolean} [smooth=false]
+ * @return {ITextureObject}
+ * @method
+ * @protected
+ */
+export const execute = (width, height, pixels, smooth = false) => {
+    const textureObject = textureManagerGetTextureUseCase(width, height, smooth);
+    $gl.texSubImage2D($gl.TEXTURE_2D, 0, 0, 0, width, height, $gl.RGBA, $gl.UNSIGNED_BYTE, pixels);
+    return textureObject;
+};

package/src/TextureManager/usecase/TextureManagerGetMainTextureFromBoundsUseCase.d.ts

@@ -0,0 +1,14 @@
+import type { ITextureObject } from "../../interface/ITextureObject";
+/**
+ * @description メインのフレームバッファから指定の範囲のテクスチャを描画して返却します。
+ *              Draw and return a texture from the specified range of the main framebuffer.
+ *
+ * @param  {number} x
+ * @param  {number} y
+ * @param  {number} width
+ * @param  {number} height
+ * @return {ITextureObject}
+ * @method
+ * @protected
+ */
+export declare const execute: (x: number, y: number, width: number, height: number) => ITextureObject;

package/src/TextureManager/usecase/TextureManagerGetMainTextureFromBoundsUseCase.js

@@ -0,0 +1,50 @@
+import { execute as textureManagerGetTextureUseCase } from "./TextureManagerGetTextureUseCase";
+import { execute as textureManagerBind0UseCase } from "./TextureManagerBind0UseCase";
+import { $context, $gl } from "../../WebGLUtil";
+import { $getDrawBitmapFrameBuffer, $readFrameBuffer } from "../../FrameBufferManager";
+/**
+ * @type {ITextureObject}
+ * @private
+ */
+let $mainTextureObject = null;
+/**
+ * @description メインのフレームバッファから指定の範囲のテクスチャを描画して返却します。
+ *              Draw and return a texture from the specified range of the main framebuffer.
+ *
+ * @param  {number} x
+ * @param  {number} y
+ * @param  {number} width
+ * @param  {number} height
+ * @return {ITextureObject}
+ * @method
+ * @protected
+ */
+export const execute = (x, y, width, height) => {
+    const currentAttachmentObject = $context.currentAttachmentObject;
+    // メインのアタッチメントオブジェクトをセット
+    const mainAttachmentObject = $context.$mainAttachmentObject;
+    $context.bind(mainAttachmentObject);
+    const drawBitmapFrameBuffer = $getDrawBitmapFrameBuffer();
+    $gl.bindFramebuffer($gl.FRAMEBUFFER, drawBitmapFrameBuffer);
+    // 描画先のテクスチャを更新
+    if (!$mainTextureObject
+        || $mainTextureObject.width !== mainAttachmentObject.width
+        || $mainTextureObject.height !== mainAttachmentObject.height) {
+        $mainTextureObject = textureManagerGetTextureUseCase(mainAttachmentObject.width, mainAttachmentObject.height);
+    }
+    textureManagerBind0UseCase($mainTextureObject);
+    $gl.framebufferTexture2D($gl.FRAMEBUFFER, $gl.COLOR_ATTACHMENT0, $gl.TEXTURE_2D, $mainTextureObject.resource, 0);
+    $gl.bindFramebuffer($gl.FRAMEBUFFER, null);
+    $gl.bindFramebuffer($gl.READ_FRAMEBUFFER, $readFrameBuffer);
+    $gl.bindFramebuffer($gl.DRAW_FRAMEBUFFER, drawBitmapFrameBuffer);
+    $gl.enable($gl.SCISSOR_TEST);
+    $gl.scissor(x, mainAttachmentObject.height - y - height, width + 1, height + 1);
+    // execute
+    $gl.blitFramebuffer(0, 0, mainAttachmentObject.width, mainAttachmentObject.height, 0, 0, mainAttachmentObject.width, mainAttachmentObject.height, $gl.COLOR_BUFFER_BIT, $gl.NEAREST);
+    $gl.disable($gl.SCISSOR_TEST);
+    $gl.bindFramebuffer($gl.FRAMEBUFFER, $readFrameBuffer);
+    if (currentAttachmentObject) {
+        $context.bind(currentAttachmentObject);
+    }
+    return $mainTextureObject;
+};

package/src/TextureManager/usecase/TextureManagerGetTextureUseCase.d.ts

@@ -0,0 +1,14 @@
+import type { ITextureObject } from "../../interface/ITextureObject";
+/**
+ * @description オブジェクトプールにTextureObjectがあれば再利用、なければ新規作成して返却します。
+ *              If there is a TextureObject in the object pool, it will be reused,
+ *              otherwise it will be created and returned.
+ *
+ * @param  {number} width
+ * @param  {number} height
+ * @param  {boolean} [smooth=false]
+ * @return {ITextureObject}
+ * @method
+ * @protected
+ */
+export declare const execute: (width: number, height: number, smooth?: boolean) => ITextureObject;

package/src/TextureManager/usecase/TextureManagerGetTextureUseCase.js

@@ -0,0 +1,19 @@
+import { execute as textureManagerCreateTextureObjectService } from "../service/TextureManagerCreateTextureObjectService";
+import { execute as textureManagerInitializeBindService } from "../service/TextureManagerInitializeBindService";
+/**
+ * @description オブジェクトプールにTextureObjectがあれば再利用、なければ新規作成して返却します。
+ *              If there is a TextureObject in the object pool, it will be reused,
+ *              otherwise it will be created and returned.
+ *
+ * @param  {number} width
+ * @param  {number} height
+ * @param  {boolean} [smooth=false]
+ * @return {ITextureObject}
+ * @method
+ * @protected
+ */
+export const execute = (width, height, smooth = false) => {
+    const textureObject = textureManagerCreateTextureObjectService(width, height);
+    textureManagerInitializeBindService(textureObject, smooth);
+    return textureObject;
+};

package/src/TextureManager/usecase/TextureManagerReleaseTextureObjectUseCase.d.ts

@@ -0,0 +1,11 @@
+import type { ITextureObject } from "../../interface/ITextureObject";
+/**
+ * @description TextureObjectをオブジェクトプールに保管、サイズオーバー時は削除します。
+ *              Stores the TextureObject in the object pool and deletes it if it exceeds the size.
+ *
+ * @param  {ITextureObject} texture_object
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (texture_object: ITextureObject) => void;

package/src/TextureManager/usecase/TextureManagerReleaseTextureObjectUseCase.js

@@ -0,0 +1,13 @@
+import { $gl } from "../../WebGLUtil";
+/**
+ * @description TextureObjectをオブジェクトプールに保管、サイズオーバー時は削除します。
+ *              Stores the TextureObject in the object pool and deletes it if it exceeds the size.
+ *
+ * @param  {ITextureObject} texture_object
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (texture_object) => {
+    $gl.deleteTexture(texture_object.resource);
+};

package/src/TextureManager.d.ts

@@ -0,0 +1,25 @@
+import type { ITextureObject } from "./interface/ITextureObject";
+/**
+ * @description 現在のアクティブなテクスチャーの番号
+ *              Number of the currently binded active texture
+ *
+ * @type {number}
+ * @protected
+ */
+export declare let $activeTextureUnit: number;
+/**
+ * @description 現在
+ * @param {number} unit
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const $setActiveTextureUnit: (unit: number) => void;
+/**
+ * @description 現在bindされてるテクスチャの配列
+ *              Array of currently binded textures
+ *
+ * @type {Array}
+ * @protected
+ */
+export declare const $boundTextures: Array<ITextureObject | null>;

package/src/TextureManager.js

@@ -0,0 +1,26 @@
+/**
+ * @description 現在のアクティブなテクスチャーの番号
+ *              Number of the currently binded active texture
+ *
+ * @type {number}
+ * @protected
+ */
+export let $activeTextureUnit = -1;
+/**
+ * @description 現在
+ * @param {number} unit
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const $setActiveTextureUnit = (unit) => {
+    $activeTextureUnit = unit;
+};
+/**
+ * @description 現在bindされてるテクスチャの配列
+ *              Array of currently binded textures
+ *
+ * @type {Array}
+ * @protected
+ */
+export const $boundTextures = [null, null, null];

package/src/VertexArrayObject/service/VertexArrayObjectBindService.d.ts

@@ -0,0 +1,11 @@
+import type { IVertexArrayObject } from "../../interface/IVertexArrayObject";
+/**
+ * @description 指定のVertexArrayObjectのresourceをバインドする
+ *              Bind the resource of the specified VertexArrayObject
+ *
+ * @param  {IVertexArrayObject} vertex_array_object
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (vertex_array_object: IVertexArrayObject) => void;

package/src/VertexArrayObject/service/VertexArrayObjectBindService.js

@@ -0,0 +1,26 @@
+import { $gl } from "../../WebGLUtil";
+/**
+ * @description 現在バインドされているVertexArrayObject
+ *              VertexArrayObject currently bound
+ *
+ * @type {IVertexArrayObject}
+ * @private
+ */
+let $boundsVertexArrayObject;
+/**
+ * @description 指定のVertexArrayObjectのresourceをバインドする
+ *              Bind the resource of the specified VertexArrayObject
+ *
+ * @param  {IVertexArrayObject} vertex_array_object
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (vertex_array_object) => {
+    if ($boundsVertexArrayObject
+        && $boundsVertexArrayObject.id === vertex_array_object.id) {
+        return;
+    }
+    $boundsVertexArrayObject = vertex_array_object;
+    $gl.bindVertexArray(vertex_array_object.resource);
+};

package/src/VertexArrayObject/service/VertexArrayObjectCreateFillObjectService.d.ts

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

package/src/VertexArrayObject/service/VertexArrayObjectCreateFillObjectService.js

@@ -0,0 +1,18 @@
+import { $gl } from "../../WebGLUtil";
+import { $getId } from "../../VertexArrayObject";
+/**
+ * @description 新規のVertexArrayObjectを生成する
+ *              Create a new VertexArrayObject
+ *
+ * @return {IVertexArrayObject}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    return {
+        "id": $getId(),
+        "resource": $gl.createVertexArray(),
+        "vertexBuffer": $gl.createBuffer(),
+        "vertexLength": 0
+    };
+};

package/src/VertexArrayObject/service/VertexArrayObjectReleaseVertexArrayObjectService.d.ts

@@ -0,0 +1,11 @@
+import type { IVertexArrayObject } from "../../interface/IVertexArrayObject";
+/**
+ * @description VertexArrayObjectをオブジェクトプールに保管、サイズオーバー時は削除します。
+ *              Stores the VertexArrayObject in the object pool and deletes it if it exceeds the size.
+ *
+ * @param  {IVertexArrayObject} vertex_array_object
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (vertex_array_object: IVertexArrayObject) => void;

package/src/VertexArrayObject/service/VertexArrayObjectReleaseVertexArrayObjectService.js

@@ -0,0 +1,16 @@
+import { $objectPool } from "../../VertexArrayObject";
+/**
+ * @description VertexArrayObjectをオブジェクトプールに保管、サイズオーバー時は削除します。
+ *              Stores the VertexArrayObject in the object pool and deletes it if it exceeds the size.
+ *
+ * @param  {IVertexArrayObject} vertex_array_object
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (vertex_array_object) => {
+    if ($objectPool.indexOf(vertex_array_object) > -1) {
+        return;
+    }
+    $objectPool.push(vertex_array_object);
+};

package/src/VertexArrayObject/usecase/VertexArrayObjectBindAttributeUseCase.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @description インスタンス用のデータをバインドします。
+ *              Binds data for instances.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: () => void;

package/src/VertexArrayObject/usecase/VertexArrayObjectBindAttributeUseCase.js

@@ -0,0 +1,27 @@
+import { execute as vertexArrayObjectBindService } from "../service/VertexArrayObjectBindService";
+import { $gl } from "../../WebGLUtil";
+import { $instancedVertexArrayObject, $attributeWebGLBuffer } from "../../VertexArrayObject";
+import { renderQueue } from "@next2d/render-queue";
+/**
+ * @type {number}
+ * @private
+ */
+let $attributeBufferLength = 0;
+/**
+ * @description インスタンス用のデータをバインドします。
+ *              Binds data for instances.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    vertexArrayObjectBindService($instancedVertexArrayObject);
+    $gl.bindBuffer($gl.ARRAY_BUFFER, $attributeWebGLBuffer);
+    if (renderQueue.buffer.length > $attributeBufferLength) {
+        $attributeBufferLength = renderQueue.buffer.length;
+        $gl.bufferData($gl.ARRAY_BUFFER, $attributeBufferLength * 4, // renderQueue.buffer.byteLength
+        $gl.DYNAMIC_DRAW);
+    }
+    $gl.bufferSubData($gl.ARRAY_BUFFER, 0, renderQueue.buffer.subarray(0, renderQueue.offset));
+};

package/src/VertexArrayObject/usecase/VertexArrayObjectBindFillMeshUseCase.d.ts

@@ -0,0 +1,10 @@
+import type { IVertexArrayObject } from "../../interface/IVertexArrayObject";
+/**
+ * @description 塗りのコマンドからメッシュを生成して、VertexArrayにバインドする
+ *              Generate a mesh from the fill command and bind it to the VertexArray
+ *
+ * @return {IVertexArrayObject}
+ * @method
+ * @protected
+ */
+export declare const execute: () => IVertexArrayObject;

package/src/VertexArrayObject/usecase/VertexArrayObjectBindFillMeshUseCase.js

@@ -0,0 +1,25 @@
+import { execute as vertexArrayObjectGetFillObjectUseCase } from "../../VertexArrayObject/usecase/VertexArrayObjectGetFillObjectUseCase";
+import { execute as vertexArrayObjectBindService } from "../../VertexArrayObject/service/VertexArrayObjectBindService";
+import { $getFillBuffer, $getFillBufferOffset } from "../../Mesh";
+import { $gl, $upperPowerOfTwo } from "../../WebGLUtil";
+/**
+ * @description 塗りのコマンドからメッシュを生成して、VertexArrayにバインドする
+ *              Generate a mesh from the fill command and bind it to the VertexArray
+ *
+ * @return {IVertexArrayObject}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    const vertexArrayObject = vertexArrayObjectGetFillObjectUseCase();
+    vertexArrayObjectBindService(vertexArrayObject);
+    const buffer = $getFillBuffer();
+    const offset = $getFillBufferOffset();
+    $gl.bindBuffer($gl.ARRAY_BUFFER, vertexArrayObject.vertexBuffer);
+    if (vertexArrayObject.vertexLength < buffer.length) {
+        vertexArrayObject.vertexLength = $upperPowerOfTwo(buffer.length);
+        $gl.bufferData($gl.ARRAY_BUFFER, vertexArrayObject.vertexLength * 4, $gl.DYNAMIC_DRAW);
+    }
+    $gl.bufferSubData($gl.ARRAY_BUFFER, 0, buffer.subarray(0, offset));
+    return vertexArrayObject;
+};

package/src/VertexArrayObject/usecase/VertexArrayObjectBootUseCase.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @description VertexArrayObjectの起動ユースケース
+ *              VertexArrayObject boot use case
+ *
+ * @param  {WebGL2RenderingContext} gl
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (gl: WebGL2RenderingContext) => void;