@next2d/webgl 1.18.12 → 3.0.0

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,49 @@
+import { execute as textureManagerGetTextureUseCase } from "./TextureManagerGetTextureUseCase";
+import { execute as textureManagerBind0UseCase } from "./TextureManagerBind0UseCase";
+import { $context, $gl, $enableScissorTest, $disableScissorTest } from "../../WebGLUtil";
+import { $drawBitmapFramebuffer, $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);
+    $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);
+    $enableScissorTest();
+    $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);
+    $disableScissorTest();
+    $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,17 @@
+import { $gl, $getUUID } from "../../WebGLUtil";
+/**
+ * @description 新規のVertexArrayObjectを生成する
+ *              Create a new VertexArrayObject
+ *
+ * @return {IVertexArrayObject}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    return {
+        "id": $getUUID(),
+        "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,29 @@
+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;
+        // STREAM_DRAW: 毎フレーム更新されるデータに最適
+        // STREAM_DRAW: Optimal for data updated every frame
+        $gl.bufferData($gl.ARRAY_BUFFER, $attributeBufferLength * 4, // renderQueue.buffer.byteLength
+        $gl.STREAM_DRAW);
+    }
+    $gl.bufferSubData($gl.ARRAY_BUFFER, 0, renderQueue.buffer, 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,27 @@
+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);
+        // STREAM_DRAW: 毎フレーム更新されるデータに最適
+        // STREAM_DRAW: Optimal for data updated every frame
+        $gl.bufferData($gl.ARRAY_BUFFER, vertexArrayObject.vertexLength * 4, $gl.STREAM_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;

package/src/VertexArrayObject/usecase/VertexArrayObjectBootUseCase.js

@@ -0,0 +1,18 @@
+import { execute as vertexArrayObjectCreateInstancedVertexArrayObjectUseCase } from "./VertexArrayObjectCreateInstancedVertexArrayObjectUseCase";
+import { $setInstancedVertexArrayObject, $setAttributeWebGLBuffer } from "../../VertexArrayObject";
+/**
+ * @description VertexArrayObjectの起動ユースケース
+ *              VertexArrayObject boot use case
+ *
+ * @param  {WebGL2RenderingContext} gl
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (gl) => {
+    // インスタンス用のバッファをセット
+    // fixed logic
+    $setAttributeWebGLBuffer(gl);
+    // Array Instance用のVertexArrayObjectをセット
+    $setInstancedVertexArrayObject(vertexArrayObjectCreateInstancedVertexArrayObjectUseCase());
+};

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

@@ -0,0 +1,12 @@
+import type { IVertexArrayObject } from "../../interface/IVertexArrayObject";
+/**
+ * @description インスタンス用の頂点配列オブジェクトを生成します。
+ *              Generates a vertex array object for instances.
+ *
+ * @param  {number} begin
+ * @param  {number} end
+ * @return {IVertexArrayObject}
+ * @method
+ * @protected
+ */
+export declare const execute: (begin: number, end: number) => IVertexArrayObject;

package/src/VertexArrayObject/usecase/VertexArrayObjectCreateGradientVertexArrayObjectUseCase.js

@@ -0,0 +1,27 @@
+import { execute as vertexArrayObjectCreateFillObjectService } from "../service/VertexArrayObjectCreateFillObjectService";
+import { execute as vertexArrayObjectBindService } from "../service/VertexArrayObjectBindService";
+import { $gl } from "../../WebGLUtil";
+import { $vertexBufferData } from "../../VertexArrayObject";
+/**
+ * @description インスタンス用の頂点配列オブジェクトを生成します。
+ *              Generates a vertex array object for instances.
+ *
+ * @param  {number} begin
+ * @param  {number} end
+ * @return {IVertexArrayObject}
+ * @method
+ * @protected
+ */
+export const execute = (begin, end) => {
+    const vertexArrayObject = vertexArrayObjectCreateFillObjectService();
+    vertexArrayObjectBindService(vertexArrayObject);
+    $gl.bindBuffer($gl.ARRAY_BUFFER, vertexArrayObject.vertexBuffer);
+    $vertexBufferData[0] = begin;
+    $vertexBufferData[2] = begin;
+    $vertexBufferData[4] = end;
+    $vertexBufferData[6] = end;
+    $gl.bufferData($gl.ARRAY_BUFFER, $vertexBufferData, $gl.STATIC_DRAW);
+    $gl.enableVertexAttribArray(0);
+    $gl.vertexAttribPointer(0, 2, $gl.FLOAT, false, 0, 0);
+    return vertexArrayObject;
+};

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

@@ -0,0 +1,10 @@
+import type { IVertexArrayObject } from "../../interface/IVertexArrayObject";
+/**
+ * @description インスタンス用の頂点配列オブジェクトを生成します。
+ *              Generates a vertex array object for instances.
+ *
+ * @return {IVertexArrayObject}
+ * @method
+ * @protected
+ */
+export declare const execute: () => IVertexArrayObject;

package/src/VertexArrayObject/usecase/VertexArrayObjectCreateInstancedVertexArrayObjectUseCase.js

@@ -0,0 +1,53 @@
+import { execute as vertexArrayObjectCreateFillObjectService } from "../service/VertexArrayObjectCreateFillObjectService";
+import { execute as vertexArrayObjectBindService } from "../service/VertexArrayObjectBindService";
+import { $gl } from "../../WebGLUtil";
+import { renderQueue } from "@next2d/render-queue";
+import { $attributeWebGLBuffer } from "../../VertexArrayObject";
+/**
+ * @description インスタンス用の頂点配列オブジェクトを生成します。
+ *              Generates a vertex array object for instances.
+ *
+ * @return {IVertexArrayObject}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    const vertexArrayObject = vertexArrayObjectCreateFillObjectService();
+    vertexArrayObjectBindService(vertexArrayObject);
+    $gl.bindBuffer($gl.ARRAY_BUFFER, vertexArrayObject.vertexBuffer);
+    $gl.bufferData($gl.ARRAY_BUFFER, new Float32Array([
+        0, 0, 1, 0, 1, 1,
+        0, 0, 1, 1, 0, 1
+    ]), $gl.STATIC_DRAW);
+    $gl.enableVertexAttribArray(0);
+    $gl.vertexAttribPointer(0, 2, $gl.FLOAT, false, 0, 0);
+    $gl.bindBuffer($gl.ARRAY_BUFFER, $attributeWebGLBuffer);
+    // STREAM_DRAW: 毎フレーム更新されるインスタンスデータに最適
+    // STREAM_DRAW: Optimal for instance data updated every frame
+    $gl.bufferData($gl.ARRAY_BUFFER, renderQueue.buffer.length, $gl.STREAM_DRAW);
+    // texture rectangle
+    $gl.enableVertexAttribArray(1);
+    $gl.vertexAttribPointer(1, 4, $gl.FLOAT, false, 88, 0);
+    $gl.vertexAttribDivisor(1, 1);
+    // texture width, height and viewport width, height
+    $gl.enableVertexAttribArray(2);
+    $gl.vertexAttribPointer(2, 4, $gl.FLOAT, false, 88, 16);
+    $gl.vertexAttribDivisor(2, 1);
+    // matrix tx, ty
+    $gl.enableVertexAttribArray(3);
+    $gl.vertexAttribPointer(3, 2, $gl.FLOAT, false, 88, 32);
+    $gl.vertexAttribDivisor(3, 1);
+    // matrix scale0, rotate0, scale1, rotate1
+    $gl.enableVertexAttribArray(4);
+    $gl.vertexAttribPointer(4, 4, $gl.FLOAT, false, 88, 40);
+    $gl.vertexAttribDivisor(4, 1);
+    // mulColor
+    $gl.enableVertexAttribArray(5);
+    $gl.vertexAttribPointer(5, 4, $gl.FLOAT, false, 88, 56);
+    $gl.vertexAttribDivisor(5, 1);
+    // addColor
+    $gl.enableVertexAttribArray(6);
+    $gl.vertexAttribPointer(6, 4, $gl.FLOAT, false, 88, 72);
+    $gl.vertexAttribDivisor(6, 1);
+    return vertexArrayObject;
+};

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

@@ -0,0 +1,10 @@
+import type { IVertexArrayObject } from "../../interface/IVertexArrayObject";
+/**
+ * @description 矩形描画用のVertexArrayObjectを生成します。
+ *              Generates a VertexArrayObject for rectangle drawing.
+ *
+ * @return {IVertexArrayObject}
+ * @method
+ * @protected
+ */
+export declare const execute: () => IVertexArrayObject;

package/src/VertexArrayObject/usecase/VertexArrayObjectCreateRectVertexArrayObjectUseCase.js

@@ -0,0 +1,24 @@
+import { execute as vertexArrayObjectCreateFillObjectService } from "../service/VertexArrayObjectCreateFillObjectService";
+import { execute as vertexArrayObjectBindService } from "../service/VertexArrayObjectBindService";
+import { $gl } from "../../WebGLUtil";
+/**
+ * @description 矩形描画用のVertexArrayObjectを生成します。
+ *              Generates a VertexArrayObject for rectangle drawing.
+ *
+ * @return {IVertexArrayObject}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    const vertexArrayObject = vertexArrayObjectCreateFillObjectService();
+    vertexArrayObjectBindService(vertexArrayObject);
+    $gl.bindBuffer($gl.ARRAY_BUFFER, vertexArrayObject.vertexBuffer);
+    const vertexBufferData = new Float32Array([
+        0, 0, 1, 0, 1, 1,
+        0, 0, 1, 1, 0, 1
+    ]);
+    $gl.bufferData($gl.ARRAY_BUFFER, vertexBufferData, $gl.STATIC_DRAW);
+    $gl.enableVertexAttribArray(0);
+    $gl.vertexAttribPointer(0, 2, $gl.FLOAT, false, 0, 0);
+    return vertexArrayObject;
+};

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

@@ -0,0 +1,10 @@
+import type { IVertexArrayObject } from "../../interface/IVertexArrayObject";
+/**
+ * @description 塗り用のVertexArrayObjectを返却
+ *              Returns a VertexArrayObject for filling
+ *
+ * @return {IVertexArrayObject}
+ * @method
+ * @protected
+ */
+export declare const execute: () => IVertexArrayObject;

package/src/VertexArrayObject/usecase/VertexArrayObjectGetFillObjectUseCase.js

@@ -0,0 +1,33 @@
+import { $objectPool } from "../../VertexArrayObject";
+import { $gl } from "../../WebGLUtil";
+import { execute as vertexArrayObjectCreateFillObjectService } from "../service/VertexArrayObjectCreateFillObjectService";
+import { execute as vertexArrayObjectBindService } from "../service/VertexArrayObjectBindService";
+/**
+ * @description 塗り用のVertexArrayObjectを返却
+ *              Returns a VertexArrayObject for filling
+ *
+ * @return {IVertexArrayObject}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    if ($objectPool.length) {
+        return $objectPool.pop();
+    }
+    const vertexArrayObject = vertexArrayObjectCreateFillObjectService();
+    vertexArrayObjectBindService(vertexArrayObject);
+    $gl.bindBuffer($gl.ARRAY_BUFFER, vertexArrayObject.vertexBuffer);
+    $gl.enableVertexAttribArray(0);
+    $gl.enableVertexAttribArray(1);
+    $gl.enableVertexAttribArray(2);
+    $gl.enableVertexAttribArray(3);
+    $gl.enableVertexAttribArray(4);
+    $gl.enableVertexAttribArray(5);
+    $gl.vertexAttribPointer(0, 2, $gl.FLOAT, false, 68, 0); // vertex
+    $gl.vertexAttribPointer(1, 2, $gl.FLOAT, false, 68, 8); // bezier or uv
+    $gl.vertexAttribPointer(2, 4, $gl.FLOAT, false, 68, 16); // color
+    $gl.vertexAttribPointer(3, 3, $gl.FLOAT, false, 68, 32); // matrix_a
+    $gl.vertexAttribPointer(4, 3, $gl.FLOAT, false, 68, 44); // matrix_b
+    $gl.vertexAttribPointer(5, 3, $gl.FLOAT, false, 68, 56); // matrix_c
+    return vertexArrayObject;
+};

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

@@ -0,0 +1,12 @@
+import type { IVertexArrayObject } from "../../interface/IVertexArrayObject";
+/**
+ * @description グラデーション用の頂点配列オブジェクトを生成
+ *              Generates a vertex array object for gradient
+ *
+ * @param  {number} begin
+ * @param  {number} end
+ * @return {IVertexArrayObject}
+ * @method
+ * @protected
+ */
+export declare const execute: (begin: number, end: number) => IVertexArrayObject;

package/src/VertexArrayObject/usecase/VertexArrayObjectGetGradientObjectUseCase.js

@@ -0,0 +1,34 @@
+import { $vertexBufferData } from "../../VertexArrayObject";
+import { $gl } from "../../WebGLUtil";
+import { execute as vertexArrayObjectCreateGradientVertexArrayObjectUseCase } from "./VertexArrayObjectCreateGradientVertexArrayObjectUseCase";
+/**
+ * @type {IVertexArrayObject}
+ * @private
+ */
+let $gradientVertexArrayObject;
+/**
+ * @description グラデーション用の頂点配列オブジェクトを生成
+ *              Generates a vertex array object for gradient
+ *
+ * @param  {number} begin
+ * @param  {number} end
+ * @return {IVertexArrayObject}
+ * @method
+ * @protected
+ */
+export const execute = (begin, end) => {
+    if (!$gradientVertexArrayObject) {
+        $gradientVertexArrayObject = vertexArrayObjectCreateGradientVertexArrayObjectUseCase(begin, end);
+    }
+    else {
+        if ($vertexBufferData[0] !== begin
+            || $vertexBufferData[4] !== end) {
+            $vertexBufferData[0] = begin;
+            $vertexBufferData[2] = begin;
+            $vertexBufferData[4] = end;
+            $vertexBufferData[6] = end;
+            $gl.bufferSubData($gl.ARRAY_BUFFER, 0, $vertexBufferData);
+        }
+    }
+    return $gradientVertexArrayObject;
+};