@next2d/webgl 1.18.12 → 3.0.0

package/src/Stencil/service/StencilResetService.js

@@ -0,0 +1,14 @@
+import { $resetStencilMode, $setColorMaskEnabled, $setSampleAlphaToCoverageEnabled } from "../../Stencil";
+/**
+ * @description ステンシル状態キャッシュをリセット
+ *              Reset stencil state cache
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    $resetStencilMode();
+    $setColorMaskEnabled(true);
+    $setSampleAlphaToCoverageEnabled(false);
+};

package/src/Stencil/service/StencilSetFillModeService.d.ts

@@ -0,0 +1 @@
+export declare const execute: () => void;

package/src/Stencil/service/StencilSetFillModeService.js

@@ -0,0 +1,13 @@
+import { $gl } from "../../WebGLUtil";
+import { $currentStencilMode, $setStencilMode, $colorMaskEnabled, $setColorMaskEnabled, STENCIL_MODE_FILL } from "../../Stencil";
+export const execute = () => {
+    if ($currentStencilMode !== STENCIL_MODE_FILL) {
+        $setStencilMode(STENCIL_MODE_FILL);
+        $gl.stencilFunc($gl.NOTEQUAL, 0, 0xff);
+        $gl.stencilOp($gl.KEEP, $gl.ZERO, $gl.ZERO);
+    }
+    if (!$colorMaskEnabled) {
+        $setColorMaskEnabled(true);
+        $gl.colorMask(true, true, true, true);
+    }
+};

package/src/Stencil/service/StencilSetMaskModeService.d.ts

@@ -0,0 +1 @@
+export declare const execute: () => void;

package/src/Stencil/service/StencilSetMaskModeService.js

@@ -0,0 +1,14 @@
+import { $gl } from "../../WebGLUtil";
+import { $currentStencilMode, $setStencilMode, $colorMaskEnabled, $setColorMaskEnabled, STENCIL_MODE_MASK } from "../../Stencil";
+export const execute = () => {
+    if ($currentStencilMode !== STENCIL_MODE_MASK) {
+        $setStencilMode(STENCIL_MODE_MASK);
+        $gl.stencilFunc($gl.ALWAYS, 0, 0xff);
+        $gl.stencilOpSeparate($gl.FRONT, $gl.KEEP, $gl.KEEP, $gl.INCR_WRAP);
+        $gl.stencilOpSeparate($gl.BACK, $gl.KEEP, $gl.KEEP, $gl.DECR_WRAP);
+    }
+    if ($colorMaskEnabled) {
+        $setColorMaskEnabled(false);
+        $gl.colorMask(false, false, false, false);
+    }
+};

package/src/Stencil.d.ts

@@ -0,0 +1,9 @@
+export declare let $currentStencilMode: number;
+export declare const STENCIL_MODE_MASK: number;
+export declare const STENCIL_MODE_FILL: number;
+export declare const $setStencilMode: (mode: number) => void;
+export declare const $resetStencilMode: () => void;
+export declare let $colorMaskEnabled: boolean;
+export declare const $setColorMaskEnabled: (enabled: boolean) => void;
+export declare let $sampleAlphaToCoverageEnabled: boolean;
+export declare const $setSampleAlphaToCoverageEnabled: (enabled: boolean) => void;

package/src/Stencil.js

@@ -0,0 +1,17 @@
+export let $currentStencilMode = 0;
+export const STENCIL_MODE_MASK = 1;
+export const STENCIL_MODE_FILL = 2;
+export const $setStencilMode = (mode) => {
+    $currentStencilMode = mode;
+};
+export const $resetStencilMode = () => {
+    $currentStencilMode = 0;
+};
+export let $colorMaskEnabled = true;
+export const $setColorMaskEnabled = (enabled) => {
+    $colorMaskEnabled = enabled;
+};
+export let $sampleAlphaToCoverageEnabled = false;
+export const $setSampleAlphaToCoverageEnabled = (enabled) => {
+    $sampleAlphaToCoverageEnabled = enabled;
+};

package/src/StencilBufferObject/service/StencilBufferObjectCreateService.d.ts

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

package/src/StencilBufferObject/service/StencilBufferObjectCreateService.js

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

package/src/StencilBufferObject/service/StencilBufferObjectReleaseColorBufferObjectService.d.ts

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

package/src/StencilBufferObject/service/StencilBufferObjectReleaseColorBufferObjectService.js

@@ -0,0 +1,23 @@
+import { $objectPool } from "../../StencilBufferObject";
+import { $gl } from "../../WebGLUtil";
+/**
+ * @description StencilBufferObjectをオブジェクトプールに保管、サイズオーバー時は削除します。
+ *              Stores the StencilBufferObject in the object pool and deletes it if it exceeds the size.
+ *
+ * @param  {IStencilBufferObject} stencil_bffer_object
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (stencil_bffer_object) => {
+    if ($objectPool.indexOf(stencil_bffer_object) > -1) {
+        return;
+    }
+    // プールに10個以上ある場合は削除
+    if ($objectPool.length > 10) {
+        $gl.deleteRenderbuffer(stencil_bffer_object.resource);
+        return;
+    }
+    stencil_bffer_object.dirty = true;
+    $objectPool.push(stencil_bffer_object);
+};

package/src/StencilBufferObject/usecase/StencilBufferObjectAcquireObjectUseCase.d.ts

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

package/src/StencilBufferObject/usecase/StencilBufferObjectAcquireObjectUseCase.js

@@ -0,0 +1,36 @@
+import { $objectPool } from "../../StencilBufferObject";
+import { execute as stencilBufferObjectCreateService } from "../service/StencilBufferObjectCreateService";
+/**
+ * @description オブジェクトプールにStencilBufferObjectがあれば再利用、なければ新規作成して返却します。
+ *              If there is a StencilBufferObject in the object pool, it will be reused,
+ *              otherwise it will be created and returned.
+ *
+ * @param  {number} width
+ * @param  {number} height
+ * @return {IStencilBufferObject}
+ * @method
+ * @protected
+ */
+export const execute = (width, height) => {
+    if (!$objectPool.length) {
+        return stencilBufferObjectCreateService();
+    }
+    let bestIdx = -1;
+    let bestArea = Infinity;
+    for (let idx = 0; idx < $objectPool.length; ++idx) {
+        const obj = $objectPool[idx];
+        if (obj.width >= width && obj.height >= height) {
+            if (obj.area < bestArea) {
+                bestArea = obj.area;
+                bestIdx = idx;
+            }
+        }
+    }
+    if (bestIdx !== -1) {
+        const obj = $objectPool[bestIdx];
+        $objectPool[bestIdx] = $objectPool[$objectPool.length - 1];
+        $objectPool.pop();
+        return obj;
+    }
+    return $objectPool.pop();
+};

package/src/StencilBufferObject/usecase/StencilBufferObjectGetStencilBufferObjectUseCase.d.ts

@@ -0,0 +1,12 @@
+import type { IStencilBufferObject } from "../../interface/IStencilBufferObject";
+/**
+ * @description StencilBufferObjectを利用できる状態にして、返却します。
+ *              Make the StencilBufferObject available and return it.
+ *
+ * @param  {number} width
+ * @param  {number} height
+ * @return {IStencilBufferObject}
+ * @method
+ * @protected
+ */
+export declare const execute: (width: number, height: number) => IStencilBufferObject;

package/src/StencilBufferObject/usecase/StencilBufferObjectGetStencilBufferObjectUseCase.js

@@ -0,0 +1,27 @@
+import { execute as stencilBufferObjectAcquireObjectUseCase } from "./StencilBufferObjectAcquireObjectUseCase";
+import { $gl } from "../../WebGLUtil";
+/**
+ * @description StencilBufferObjectを利用できる状態にして、返却します。
+ *              Make the StencilBufferObject available and return it.
+ *
+ * @param  {number} width
+ * @param  {number} height
+ * @return {IStencilBufferObject}
+ * @method
+ * @protected
+ */
+export const execute = (width, height) => {
+    const stencilBufferObject = stencilBufferObjectAcquireObjectUseCase(width, height);
+    if (stencilBufferObject.width !== width
+        || stencilBufferObject.height !== height) {
+        // update
+        stencilBufferObject.width = width;
+        stencilBufferObject.height = height;
+        stencilBufferObject.area = width * height;
+        stencilBufferObject.dirty = false;
+        // bind
+        $gl.bindRenderbuffer($gl.RENDERBUFFER, stencilBufferObject.resource);
+        $gl.renderbufferStorage($gl.RENDERBUFFER, $gl.STENCIL_INDEX8, width, height);
+    }
+    return stencilBufferObject;
+};

package/src/StencilBufferObject.d.ts

@@ -0,0 +1,9 @@
+import { IStencilBufferObject } from "./interface/IStencilBufferObject";
+/**
+ * @description StencilBufferObjectの再利用のための配列のオブジェクトプール
+ *              Object pool of array for reusing StencilBufferObject
+ *
+ * @type {IStencilBufferObject[]}
+ * @private
+ */
+export declare const $objectPool: IStencilBufferObject[];

package/src/StencilBufferObject.js

@@ -0,0 +1,8 @@
+/**
+ * @description StencilBufferObjectの再利用のための配列のオブジェクトプール
+ *              Object pool of array for reusing StencilBufferObject
+ *
+ * @type {IStencilBufferObject[]}
+ * @private
+ */
+export const $objectPool = [];

package/src/TextureManager/service/TextureManagerBindService.d.ts

@@ -0,0 +1,14 @@
+import type { ITextureObject } from "../../interface/ITextureObject";
+/**
+ * @description 指定のunitにテクスチャをバインドします。nullの場合はバインドを解除します。
+ *              Binds a texture to the specified unit. If null, the binding is released.
+ *
+ * @param  {number} index
+ * @param  {number} unit
+ * @param  {ITextureObject} [texture_object=null]
+ * @param  {boolean} [smooth=false]
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (index: number, unit: number, texture_object?: ITextureObject | null, smooth?: boolean) => void;

package/src/TextureManager/service/TextureManagerBindService.js

@@ -0,0 +1,33 @@
+import { $gl } from "../../WebGLUtil";
+import { $activeTextureUnit, $boundTextures, $setActiveTextureUnit } from "../../TextureManager";
+/**
+ * @description 指定のunitにテクスチャをバインドします。nullの場合はバインドを解除します。
+ *              Binds a texture to the specified unit. If null, the binding is released.
+ *
+ * @param  {number} index
+ * @param  {number} unit
+ * @param  {ITextureObject} [texture_object=null]
+ * @param  {boolean} [smooth=false]
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (index, unit, texture_object = null, smooth = false) => {
+    if ($activeTextureUnit === -1 || unit !== $activeTextureUnit) {
+        $setActiveTextureUnit(unit);
+        $gl.activeTexture(unit);
+    }
+    const boundTextures = $boundTextures[index];
+    if (boundTextures !== null && texture_object !== null
+        && boundTextures.id === texture_object.id
+        || texture_object === boundTextures) {
+        return;
+    }
+    $boundTextures[index] = texture_object;
+    $gl.bindTexture($gl.TEXTURE_2D, texture_object ? texture_object.resource : null);
+    if (texture_object && texture_object.smooth !== smooth) {
+        texture_object.smooth = smooth;
+        $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);
+    }
+};

package/src/TextureManager/service/TextureManagerCreateTextureObjectService.d.ts

@@ -0,0 +1,12 @@
+import type { ITextureObject } from "../../interface/ITextureObject";
+/**
+ * @description 新規のテクスチャオブジェクトを作成します。
+ *              Create a new texture object.
+ *
+ * @param  {number} width
+ * @param  {number} height
+ * @return {ITextureObject}
+ * @method
+ * @protected
+ */
+export declare const execute: (width: number, height: number) => ITextureObject;

package/src/TextureManager/service/TextureManagerCreateTextureObjectService.js

@@ -0,0 +1,26 @@
+import { $gl } from "../../WebGLUtil";
+/**
+ * @type {number}
+ * @private
+ */
+let $id = 0;
+/**
+ * @description 新規のテクスチャオブジェクトを作成します。
+ *              Create a new texture object.
+ *
+ * @param  {number} width
+ * @param  {number} height
+ * @return {ITextureObject}
+ * @method
+ * @protected
+ */
+export const execute = (width, height) => {
+    return {
+        "id": $id++,
+        "resource": $gl.createTexture(),
+        "width": width,
+        "height": height,
+        "area": width * height,
+        "smooth": false
+    };
+};

package/src/TextureManager/service/TextureManagerInitializeBindService.d.ts

@@ -0,0 +1,12 @@
+import type { ITextureObject } from "../../interface/ITextureObject";
+/**
+ * @description テクスチャの初期設定を行います。
+ *              Initialize the texture.
+ *
+ * @param  {ITextureObject} textrue_object
+ * @param  {boolean} [smooth=false]
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (textrue_object: ITextureObject, smooth?: boolean) => void;

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;
+};