@next2d/webgl 2.0.0 → 3.0.1

package/src/WebGLUtil.js

@@ -1,110 +1,58 @@
-/**
- * @description 描画の最大サイズ
- *              Maximum size of drawing
- *
- * @type {number}
- * @protected
- */
 export let $RENDER_MAX_SIZE = 2048;
-/**
- * @description 描画の最大サイズを変更
- *              Change the maximum size of drawing
- *
- * @param  {number} size
- * @return {void}
- * @method
- * @protected
- */
 export const $setRenderMaxSize = (size) => {
-    $RENDER_MAX_SIZE = Math.min(4096, size / 2);
+    $RENDER_MAX_SIZE = Math.max(2048, size / 2);
 };
-/**
- * @description 描画のサンプリング数
- *              Number of samples for drawing
- *
- * @type {number}
- * @default 4
- * @protected
- */
 export let $samples = 4;
-/**
- * @description 描画のサンプリング数を変更
- *              Change the number of samples for drawing
- *
- * @param  {number} samples
- * @return {void}
- * @method
- * @protected
- */
 export const $setSamples = (samples) => {
     $samples = samples;
 };
-/**
- * @type {WebGL2RenderingContext}
- * @protected
- */
 export let $gl;
-/**
- * @description WebGL2のコンテキストをセット
- *              Set WebGL2 context
- *
- * @param  {WebGL2RenderingContext} gl
- * @return {void}
- * @method
- * @protected
- */
 export const $setWebGL2RenderingContext = (gl) => {
     $gl = gl;
 };
-/**
- * @type {Context}
- * @public
- */
 export let $context;
-/**
- * @description 起動したコンテキストをセット
- *              Set the context that started
- *
- * @param  {Context} context
- * @return {void}
- * @method
- * @protected
- */
 export const $setContext = (context) => {
     $context = context;
 };
-/**
- * @description 指定された値を範囲内にクランプします。
- *              Clamps the specified value within the range.
- *
- * @param  {number} value
- * @param  {number} min
- * @param  {number} max
- * @param  {number} [default_value=null]
- * @return {number}
- * @method
- * @protected
- */
+let $scissorEnabled = false;
+export const $enableScissorTest = () => {
+    if (!$scissorEnabled) {
+        $scissorEnabled = true;
+        $gl.enable($gl.SCISSOR_TEST);
+    }
+};
+export const $disableScissorTest = () => {
+    if ($scissorEnabled) {
+        $scissorEnabled = false;
+        $gl.disable($gl.SCISSOR_TEST);
+    }
+};
+export const $resetScissorState = () => {
+    $scissorEnabled = false;
+};
+let $stencilTestEnabled = false;
+export const $enableStencilTest = () => {
+    if (!$stencilTestEnabled) {
+        $stencilTestEnabled = true;
+        $gl.enable($gl.STENCIL_TEST);
+    }
+};
+export const $disableStencilTest = () => {
+    if ($stencilTestEnabled) {
+        $stencilTestEnabled = false;
+        $gl.disable($gl.STENCIL_TEST);
+    }
+};
+export const $resetStencilTestState = () => {
+    $stencilTestEnabled = false;
+};
 export const $clamp = (value, min, max, default_value = null) => {
     const number = +value;
     return isNaN(number) && default_value !== null
         ? default_value
         : Math.min(Math.max(min, isNaN(number) ? 0 : number), max);
 };
-/**
- * @type {array}
- * @private
- */
 const $arrays = [];
-/**
- * @description プールした配列があれば再利用、なければ新規作成
- *              Reuse the pooled array if available, otherwise create a new one.
- *
- * @param  {array} args
- * @return {array}
- * @method
- * @protected
- */
 export const $getArray = (...args) => {
     const array = $arrays.pop() || [];
     if (args.length) {
@@ -112,15 +60,6 @@ export const $getArray = (...args) => {
     }
     return array;
 };
-/**
- * @description 使用済みの配列をプールに保管
- *              Store the used array in the pool.
- *
- * @param  {array} array
- * @return {void}
- * @method
- * @protected
- */
 export const $poolArray = (array = null) => {
     if (!array) {
         return;
@@ -130,15 +69,6 @@ export const $poolArray = (array = null) => {
     }
     $arrays.push(array);
 };
-/**
- * @description 指定された値を2の累乗に切り上げます。
- *              Rounds the specified value up to a power of two.
- *
- * @param  {number} v
- * @return {number}
- * @method
- * @protected
- */
 export const $upperPowerOfTwo = (v) => {
     v--;
     v |= v >> 1;
@@ -149,23 +79,7 @@ export const $upperPowerOfTwo = (v) => {
     v++;
     return v;
 };
-/**
- * @type {Float32Array[]}
- * @private
- */
 const $float32Array4 = [];
-/**
- * @description プールしたFloat32Arrayがあれば再利用、なければ新規作成
- *              Reuse the pooled Float32Array if available, otherwise create a new one.
- *
- * @param  {number} [f0=0]
- * @param  {number} [f1=0]
- * @param  {number} [f2=0]
- * @param  {number} [f3=0]
- * @return {Float32Array}
- * @method
- * @protected
- */
 export const $getFloat32Array4 = (f0 = 0, f1 = 0, f2 = 0, f3 = 0) => {
     const array = $float32Array4.pop() || new Float32Array(4);
     array[0] = f0;
@@ -174,40 +88,10 @@ export const $getFloat32Array4 = (f0 = 0, f1 = 0, f2 = 0, f3 = 0) => {
     array[3] = f3;
     return array;
 };
-/**
- * @description 使用済みのFloat32Arrayをプールに保管
- *              Store the used Float32Array in the pool.
- *
- * @param  {Float32Array} array
- * @return {void}
- * @method
- * @protected
- */
 export const $poolFloat32Array4 = (array) => {
     $float32Array4.push(array);
 };
-/**
- * @type {Float32Array[]}
- * @private
- */
 const $float32Array9 = [];
-/**
- * @description プールしたFloat32Arrayがあれば再利用、なければ新規作成
- *              Reuse the pooled Float32Array if available, otherwise create a new one.
- *
- * @param  {number} [f0=0]
- * @param  {number} [f1=0]
- * @param  {number} [f2=0]
- * @param  {number} [f3=0]
- * @param  {number} [f4=0]
- * @param  {number} [f5=0]
- * @param  {number} [f6=0]
- * @param  {number} [f7=0]
- * @param  {number} [f8=0]
- * @return {Float32Array}
- * @method
- * @protected
- */
 export const $getFloat32Array9 = (f0 = 0, f1 = 0, f2 = 0, f3 = 0, f4 = 0, f5 = 0, f6 = 0, f7 = 0, f8 = 0) => {
     const array = $float32Array9.pop() || new Float32Array(9);
     array[0] = f0;
@@ -221,37 +105,10 @@ export const $getFloat32Array9 = (f0 = 0, f1 = 0, f2 = 0, f3 = 0, f4 = 0, f5 = 0
     array[8] = f8;
     return array;
 };
-/**
- * @description 使用済みのFloat32Arrayをプールに保管
- *              Store the used Float32Array in the pool.
- *
- * @param  {Float32Array} array
- * @return {void}
- * @method
- * @protected
- */
 export const $poolFloat32Array9 = (array) => {
     $float32Array9.push(array);
 };
-/**
- * @type {Float32Array[]}
- * @private
- */
 const $float32Array6 = [];
-/**
- * @description プールしたFloat32Arrayがあれば再利用、なければ新規作成
- *              Reuse the pooled Float32Array if available, otherwise create a new one.
- *
- * @param  {number} [f0=0]
- * @param  {number} [f1=0]
- * @param  {number} [f2=0]
- * @param  {number} [f3=0]
- * @param  {number} [f4=0]
- * @param  {number} [f5=0]
- * @return {Float32Array}
- * @method
- * @protected
- */
 export const $getFloat32Array6 = (f0 = 0, f1 = 0, f2 = 0, f3 = 0, f4 = 0, f5 = 0) => {
     const array = $float32Array6.pop() || new Float32Array(6);
     array[0] = f0;
@@ -262,124 +119,21 @@ export const $getFloat32Array6 = (f0 = 0, f1 = 0, f2 = 0, f3 = 0, f4 = 0, f5 = 0
     array[5] = f5;
     return array;
 };
-/**
- * @param  {Float32Array} array
- * @return {void}
- * @method
- * @protected
- */
 export const $poolFloat32Array6 = (array) => {
     $float32Array6.push(array);
 };
-/**
- * @type {Int32Array[]}
- * @private
- */
-const $int32Array4 = [];
-/**
- * @description プールしたInt32Arrayがあれば再利用、なければ新規作成
- *              Reuse the pooled Int32Array if available, otherwise create a new one.
- *
- * @param  {number} [f0=0]
- * @param  {number} [f1=0]
- * @param  {number} [f2=0]
- * @param  {number} [f3=0]
- * @return {Float32Array}
- * @method
- * @protected
- */
-export const $getInt32Array4 = (f0 = 0, f1 = 0, f2 = 0, f3 = 0) => {
-    const array = $int32Array4.pop() || new Int32Array(4);
-    array[0] = f0;
-    array[1] = f1;
-    array[2] = f2;
-    array[3] = f3;
-    return array;
-};
-/**
- * @description 使用済みのInt32Arrayをプールに保管
- *              Store the used Int32Array in the pool.
- *
- * @param  {Float32Array} array
- * @return {void}
- * @method
- * @protected
- */
-export const $poolInt32Array4 = (array) => {
-    $int32Array4.push(array);
-};
-/**
- * @description 逆行列を取得
- *              Get the inverse matrix
- *
- * @param   {Float32Array} m
- * @returns {Float32Array}
- * @method
- * @protected
- */
 export const $inverseMatrix = (m) => {
     const rdet = 1 / (m[0] * m[4] - m[3] * m[1]);
     const tx = m[3] * m[7] - m[4] * m[6];
     const ty = m[1] * m[6] - m[0] * m[7];
     return $getFloat32Array9(m[4] * rdet, 0 - m[1] * rdet, 0, 0 - m[3] * rdet, m[0] * rdet, 0, tx * rdet, ty * rdet, 1);
 };
-/**
- * @type {number}
- * @default 0
- * @private
- */
-let $viewportWidth = 0;
-/**
- * @type {number}
- * @default 0
- * @private
- */
-let $viewportHeight = 0;
-/**
- * @description ビューポートの幅を取得
- *              Get the width of the viewport
- *
- * @returns {number}
- * @method
- * @protected
- */
-export const $getViewportWidth = () => {
-    return $viewportWidth;
-};
-/**
- * @description ビューポートの高さを取得
- *              Get the height of the viewport
- *
- * @returns {number}
- * @method
- * @protected
- */
-export const $getViewportHeight = () => {
-    return $viewportHeight;
-};
-/**
- * @description ビューポートのサイズをセット
- *              Set the size of the viewport
- *
- * @param  {number} viewport_width
- * @param  {number} viewport_height
- * @return {void}
- * @method
- * @protected
- */
+export let $viewportWidth = 0;
+export let $viewportHeight = 0;
 export const $setViewportSize = (viewport_width, viewport_height) => {
     $viewportWidth = viewport_width;
     $viewportHeight = viewport_height;
 };
-/**
- * @description ビューポートのサイズを取得
- *              Get the size of the viewport
- *
- * @param {Float32Array} matrix
- * @return {Float32Array}
- * @method
- * @protected
- */
 export const $linearGradientXY = (matrix) => {
     const x0 = -819.2 * matrix[0] - 819.2 * matrix[2] + matrix[4];
     const x1 = 819.2 * matrix[0] - 819.2 * matrix[2] + matrix[4];
@@ -401,46 +155,21 @@ export const $linearGradientXY = (matrix) => {
     const r2 = (x1 - x0) * vx2 + (y1 - y0) * vy2;
     return $getFloat32Array4(x0 + r2 * vx2, y0 + r2 * vy2, x1, y1);
 };
-/**
- * @type {number}
- * @public
- */
-let $devicePixelRatio = 1;
-/**
- * @description デバイスのピクセル比率を設定
- *              Set the device's pixel ratio
- *
- * @param  {number} device_pixel_ratio
- * @return {void}
- * @method
- * @public
- */
+export let $devicePixelRatio = 1;
 export const $setDevicePixelRatio = (device_pixel_ratio) => {
     $devicePixelRatio = device_pixel_ratio;
 };
-/**
- * @description デバイスのピクセル比率を取得
- *              Get the device's pixel ratio
- *
- * @return {number}
- * @method
- * @public
- */
-export const $getDevicePixelRatio = () => {
-    return $devicePixelRatio;
-};
-/**
- * @description 2つの行列を乗算
- *              Multiply two matrices
- *
- * @param  {Float32Array} a
- * @param  {Float32Array} b
- * @return {Float32Array}
- * @method
- * @protected
- */
 export const $multiplyMatrices = (a, b) => {
     const a0 = a[0], a1 = a[1], a2 = a[2], a3 = a[3], a4 = a[4], a5 = a[5];
     const b0 = b[0], b1 = b[1], b2 = b[2], b3 = b[3], b4 = b[4], b5 = b[5];
     return $getFloat32Array6(a0 * b0 + a2 * b1, a1 * b0 + a3 * b1, a0 * b2 + a2 * b3, a1 * b2 + a3 * b3, a0 * b4 + a2 * b5 + a4, a1 * b4 + a3 * b5 + a5);
 };
+export const $getUUID = () => {
+    return typeof crypto?.randomUUID === "function"
+        ? crypto.randomUUID()
+        : "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, (c) => {
+            const r = Math.random() * 16 | 0;
+            const v = c === "x" ? r : r & 0x3 | 0x8;
+            return v.toString(16);
+        });
+};

package/src/interface/ICubicConverterReturnObject.d.ts

@@ -0,0 +1,4 @@
+export interface ICubicConverterReturnObject {
+    buffer: Float32Array;
+    count: number;
+}

package/src/interface/ICubicConverterReturnObject.js

@@ -0,0 +1 @@
+export {};

package/src/interface/IVertexArrayObject.d.ts

@@ -1,5 +1,5 @@
 export interface IVertexArrayObject {
-    id: number;
+    id: string;
     resource: WebGLVertexArrayObject;
     vertexBuffer: WebGLBuffer;
     vertexLength: number;

package/src/Context/service/ContextUpdateAllTransferBoundsService.d.ts

@@ -1,11 +0,0 @@
-import type { Node } from "@next2d/texture-packer";
-/**
- * @description 切り替え時の転写範囲を更新します。
- *              Update the transfer range when switching.
- *
- * @param  {Node} node
- * @return {void}
- * @method
- * @protected
- */
-export declare const execute: (node: Node) => void;

package/src/Context/service/ContextUpdateAllTransferBoundsService.js

@@ -1,21 +0,0 @@
-import { $getActiveAllTransferBounds } from "../../AtlasManager";
-/**
- * @description 切り替え時の転写範囲を更新します。
- *              Update the transfer range when switching.
- *
- * @param  {Node} node
- * @return {void}
- * @method
- * @protected
- */
-export const execute = (node) => {
-    const bounds = $getActiveAllTransferBounds(node.index);
-    const xMin = bounds[0];
-    const yMin = bounds[1];
-    const xMax = bounds[2];
-    const yMax = bounds[3];
-    bounds[0] = Math.min(node.x, xMin);
-    bounds[1] = Math.min(node.y, yMin);
-    bounds[2] = Math.max(node.x + node.w, xMax);
-    bounds[3] = Math.max(node.y + node.h, yMax);
-};