@next2d/webgl 1.18.12 → 3.0.0

package/src/BezierConverter/usecase/BezierConverterAdaptiveCubicToQuadUseCase.js

@@ -0,0 +1,193 @@
+import { $adaptiveBuffer, $adaptiveSegmentCount, $getAdaptiveSubdivisionCount, $ensureAdaptiveBufferSize, $setAdaptiveSegmentCount, $resetSplitBufferPool, $getSplitBuffer } from "../../BezierConverter";
+/**
+ * @description De Casteljauアルゴリズムで3次ベジエを分割
+ *              Split cubic Bezier using De Casteljau algorithm
+ *
+ * @param  {number} p0x
+ * @param  {number} p0y
+ * @param  {number} p1x
+ * @param  {number} p1y
+ * @param  {number} p2x
+ * @param  {number} p2y
+ * @param  {number} p3x
+ * @param  {number} p3y
+ * @param  {number} t
+ * @param  {Float32Array} left
+ * @param  {Float32Array} right
+ * @return {void}
+ * @method
+ * @private
+ */
+const splitCubicAt = (p0x, p0y, p1x, p1y, p2x, p2y, p3x, p3y, t, left, right) => {
+    const mt = 1 - t;
+    // レベル1
+    const q0x = mt * p0x + t * p1x;
+    const q0y = mt * p0y + t * p1y;
+    const q1x = mt * p1x + t * p2x;
+    const q1y = mt * p1y + t * p2y;
+    const q2x = mt * p2x + t * p3x;
+    const q2y = mt * p2y + t * p3y;
+    // レベル2
+    const r0x = mt * q0x + t * q1x;
+    const r0y = mt * q0y + t * q1y;
+    const r1x = mt * q1x + t * q2x;
+    const r1y = mt * q1y + t * q2y;
+    // レベル3（分割点）
+    const sx = mt * r0x + t * r1x;
+    const sy = mt * r0y + t * r1y;
+    // 左側のカーブ
+    left[0] = p0x;
+    left[1] = p0y;
+    left[2] = q0x;
+    left[3] = q0y;
+    left[4] = r0x;
+    left[5] = r0y;
+    left[6] = sx;
+    left[7] = sy;
+    // 右側のカーブ
+    right[0] = sx;
+    right[1] = sy;
+    right[2] = r1x;
+    right[3] = r1y;
+    right[4] = q2x;
+    right[5] = q2y;
+    right[6] = p3x;
+    right[7] = p3y;
+};
+/**
+ * @description 3次ベジエを2次ベジエに近似
+ *              Approximate cubic Bezier as quadratic Bezier
+ *
+ * @param  {number} p0x - 始点X
+ * @param  {number} p0y - 始点Y
+ * @param  {number} p1x - 第1制御点X
+ * @param  {number} p1y - 第1制御点Y
+ * @param  {number} p2x - 第2制御点X
+ * @param  {number} p2y - 第2制御点Y
+ * @param  {number} p3x - 終点X
+ * @param  {number} p3y - 終点Y
+ * @param  {Float32Array} buffer
+ * @param  {number} offset
+ * @return {void}
+ * @method
+ * @private
+ */
+const cubicToQuad = (p0x, p0y, p1x, p1y, p2x, p2y, p3x, p3y, buffer, offset) => {
+    // 3次ベジエの制御点から2次ベジエの制御点を近似
+    // Q_control = (3*C1 + 3*C2 - P0 - P3) / 4
+    const cx = (3 * p1x + 3 * p2x - p0x - p3x) * 0.25;
+    const cy = (3 * p1y + 3 * p2y - p0y - p3y) * 0.25;
+    buffer[offset] = cx;
+    buffer[offset + 1] = cy;
+    buffer[offset + 2] = p3x;
+    buffer[offset + 3] = p3y;
+};
+// 一時バッファ（分割用）
+const $tempLeft = new Float32Array(8);
+const $tempRight = new Float32Array(8);
+/**
+ * @description 3次ベジェ曲線を適応的に2次ベジェ曲線に分割
+ *              Adaptively split cubic Bezier curve into quadratic Bezier curves
+ *
+ * @param  {number} from_x
+ * @param  {number} from_y
+ * @param  {number} cx1
+ * @param  {number} cy1
+ * @param  {number} cx2
+ * @param  {number} cy2
+ * @param  {number} x
+ * @param  {number} y
+ * @return {ICubicConverterReturnObject}
+ * @method
+ * @protected
+ */
+export const execute = (from_x, from_y, cx1, cy1, cx2, cy2, x, y) => {
+    // 曲率に基づいて分割数を決定
+    const subdivisions = $getAdaptiveSubdivisionCount(from_x, from_y, cx1, cy1, cx2, cy2, x, y);
+    // 各2次ベジエは4floats（cx, cy, x, y）
+    const requiredSize = subdivisions * 4;
+    $ensureAdaptiveBufferSize(requiredSize);
+    // 分割数に応じてセグメントを生成
+    let offset = 0;
+    if (subdivisions <= 2) {
+        // 2分割: t=0.5で分割
+        splitCubicAt(from_x, from_y, cx1, cy1, cx2, cy2, x, y, 0.5, $tempLeft, $tempRight);
+        cubicToQuad($tempLeft[0], $tempLeft[1], $tempLeft[2], $tempLeft[3], $tempLeft[4], $tempLeft[5], $tempLeft[6], $tempLeft[7], $adaptiveBuffer, offset);
+        offset += 4;
+        cubicToQuad($tempRight[0], $tempRight[1], $tempRight[2], $tempRight[3], $tempRight[4], $tempRight[5], $tempRight[6], $tempRight[7], $adaptiveBuffer, offset);
+        offset += 4;
+    }
+    else if (subdivisions <= 4) {
+        // 4分割: t=0.25, 0.5, 0.75で分割
+        // バッファプールをリセットして再利用
+        $resetSplitBufferPool();
+        // 2段階で4分割
+        const temp1 = $getSplitBuffer();
+        const temp2 = $getSplitBuffer();
+        splitCubicAt(from_x, from_y, cx1, cy1, cx2, cy2, x, y, 0.5, temp1, temp2);
+        const left1 = $getSplitBuffer();
+        const left2 = $getSplitBuffer();
+        const right1 = $getSplitBuffer();
+        const right2 = $getSplitBuffer();
+        splitCubicAt(temp1[0], temp1[1], temp1[2], temp1[3], temp1[4], temp1[5], temp1[6], temp1[7], 0.5, left1, left2);
+        splitCubicAt(temp2[0], temp2[1], temp2[2], temp2[3], temp2[4], temp2[5], temp2[6], temp2[7], 0.5, right1, right2);
+        cubicToQuad(left1[0], left1[1], left1[2], left1[3], left1[4], left1[5], left1[6], left1[7], $adaptiveBuffer, offset);
+        offset += 4;
+        cubicToQuad(left2[0], left2[1], left2[2], left2[3], left2[4], left2[5], left2[6], left2[7], $adaptiveBuffer, offset);
+        offset += 4;
+        cubicToQuad(right1[0], right1[1], right1[2], right1[3], right1[4], right1[5], right1[6], right1[7], $adaptiveBuffer, offset);
+        offset += 4;
+        cubicToQuad(right2[0], right2[1], right2[2], right2[3], right2[4], right2[5], right2[6], right2[7], $adaptiveBuffer, offset);
+        offset += 4;
+    }
+    else {
+        // 8分割: 3段階で8分割（既存の方法と同等）
+        // バッファプールをリセットして再利用
+        $resetSplitBufferPool();
+        // 最初の分割
+        const a1 = $getSplitBuffer();
+        const a2 = $getSplitBuffer();
+        splitCubicAt(from_x, from_y, cx1, cy1, cx2, cy2, x, y, 0.5, a1, a2);
+        // 2段階目
+        const b1 = $getSplitBuffer();
+        const b2 = $getSplitBuffer();
+        const b3 = $getSplitBuffer();
+        const b4 = $getSplitBuffer();
+        splitCubicAt(a1[0], a1[1], a1[2], a1[3], a1[4], a1[5], a1[6], a1[7], 0.5, b1, b2);
+        splitCubicAt(a2[0], a2[1], a2[2], a2[3], a2[4], a2[5], a2[6], a2[7], 0.5, b3, b4);
+        // 3段階目
+        const c1 = $getSplitBuffer();
+        const c2 = $getSplitBuffer();
+        const c3 = $getSplitBuffer();
+        const c4 = $getSplitBuffer();
+        const c5 = $getSplitBuffer();
+        const c6 = $getSplitBuffer();
+        const c7 = $getSplitBuffer();
+        const c8 = $getSplitBuffer();
+        splitCubicAt(b1[0], b1[1], b1[2], b1[3], b1[4], b1[5], b1[6], b1[7], 0.5, c1, c2);
+        splitCubicAt(b2[0], b2[1], b2[2], b2[3], b2[4], b2[5], b2[6], b2[7], 0.5, c3, c4);
+        splitCubicAt(b3[0], b3[1], b3[2], b3[3], b3[4], b3[5], b3[6], b3[7], 0.5, c5, c6);
+        splitCubicAt(b4[0], b4[1], b4[2], b4[3], b4[4], b4[5], b4[6], b4[7], 0.5, c7, c8);
+        cubicToQuad(c1[0], c1[1], c1[2], c1[3], c1[4], c1[5], c1[6], c1[7], $adaptiveBuffer, offset);
+        offset += 4;
+        cubicToQuad(c2[0], c2[1], c2[2], c2[3], c2[4], c2[5], c2[6], c2[7], $adaptiveBuffer, offset);
+        offset += 4;
+        cubicToQuad(c3[0], c3[1], c3[2], c3[3], c3[4], c3[5], c3[6], c3[7], $adaptiveBuffer, offset);
+        offset += 4;
+        cubicToQuad(c4[0], c4[1], c4[2], c4[3], c4[4], c4[5], c4[6], c4[7], $adaptiveBuffer, offset);
+        offset += 4;
+        cubicToQuad(c5[0], c5[1], c5[2], c5[3], c5[4], c5[5], c5[6], c5[7], $adaptiveBuffer, offset);
+        offset += 4;
+        cubicToQuad(c6[0], c6[1], c6[2], c6[3], c6[4], c6[5], c6[6], c6[7], $adaptiveBuffer, offset);
+        offset += 4;
+        cubicToQuad(c7[0], c7[1], c7[2], c7[3], c7[4], c7[5], c7[6], c7[7], $adaptiveBuffer, offset);
+        offset += 4;
+        cubicToQuad(c8[0], c8[1], c8[2], c8[3], c8[4], c8[5], c8[6], c8[7], $adaptiveBuffer, offset);
+        offset += 4;
+    }
+    $setAdaptiveSegmentCount(offset / 4);
+    return {
+        "buffer": $adaptiveBuffer,
+        "count": $adaptiveSegmentCount
+    };
+};

package/src/BezierConverter/usecase/BezierConverterCubicToQuadUseCase.d.ts

@@ -0,0 +1,17 @@
+/**
+ * @description 3次ベジェ曲線を2次ベジェ曲線に分割
+ *              Split cubic Bezier curve into quadratic Bezier curve
+ *
+ * @param  {number} from_x
+ * @param  {number} from_y
+ * @param  {number} cx1
+ * @param  {number} cy1
+ * @param  {number} cx2
+ * @param  {number} cy2
+ * @param  {number} x
+ * @param  {number} y
+ * @return {Float32Array}
+ * @method
+ * @protected
+ */
+export declare const execute: (from_x: number, from_y: number, cx1: number, cy1: number, cx2: number, cy2: number, x: number, y: number) => Float32Array;

package/src/BezierConverter/usecase/BezierConverterCubicToQuadUseCase.js

@@ -0,0 +1,29 @@
+import { execute as bezierConverterSplit2CubicService } from "../service/BezierConverterSplit2CubicService";
+import { execute as bezierConverterSplit2QuadService } from "../service/BezierConverterSplit2QuadService";
+import { $bezierBuffer } from "../../BezierConverter";
+/**
+ * @description 3次ベジェ曲線を2次ベジェ曲線に分割
+ *              Split cubic Bezier curve into quadratic Bezier curve
+ *
+ * @param  {number} from_x
+ * @param  {number} from_y
+ * @param  {number} cx1
+ * @param  {number} cy1
+ * @param  {number} cx2
+ * @param  {number} cy2
+ * @param  {number} x
+ * @param  {number} y
+ * @return {Float32Array}
+ * @method
+ * @protected
+ */
+export const execute = (from_x, from_y, cx1, cy1, cx2, cy2, x, y) => {
+    bezierConverterSplit2CubicService(from_x, from_y, cx1, cy1, cx2, cy2, x, y, 0, 16);
+    bezierConverterSplit2CubicService($bezierBuffer[0], $bezierBuffer[1], $bezierBuffer[2], $bezierBuffer[3], $bezierBuffer[4], $bezierBuffer[5], $bezierBuffer[6], $bezierBuffer[7], 0, 8);
+    bezierConverterSplit2CubicService($bezierBuffer[16], $bezierBuffer[17], $bezierBuffer[18], $bezierBuffer[19], $bezierBuffer[20], $bezierBuffer[21], $bezierBuffer[22], $bezierBuffer[23], 16, 24);
+    bezierConverterSplit2QuadService($bezierBuffer[0], $bezierBuffer[1], $bezierBuffer[2], $bezierBuffer[3], $bezierBuffer[4], $bezierBuffer[5], $bezierBuffer[6], $bezierBuffer[7], 0);
+    bezierConverterSplit2QuadService($bezierBuffer[8], $bezierBuffer[9], $bezierBuffer[10], $bezierBuffer[11], $bezierBuffer[12], $bezierBuffer[13], $bezierBuffer[14], $bezierBuffer[15], 8);
+    bezierConverterSplit2QuadService($bezierBuffer[16], $bezierBuffer[17], $bezierBuffer[18], $bezierBuffer[19], $bezierBuffer[20], $bezierBuffer[21], $bezierBuffer[22], $bezierBuffer[23], 16);
+    bezierConverterSplit2QuadService($bezierBuffer[24], $bezierBuffer[25], $bezierBuffer[26], $bezierBuffer[27], $bezierBuffer[28], $bezierBuffer[29], $bezierBuffer[30], $bezierBuffer[31], 24);
+    return $bezierBuffer;
+};

package/src/BezierConverter.d.ts

@@ -0,0 +1,96 @@
+/**
+ * @description ベジェ曲線の変換後の値を格納するバッファ
+ *              Buffer to store the converted values of the Bezier curve
+ *
+ * @type {Float32Array}
+ * @public
+ */
+export declare const $bezierBuffer: Float32Array;
+/**
+ * @description 適応的テッセレーション用の動的バッファ
+ *              Dynamic buffer for adaptive tessellation
+ *
+ * @type {Float32Array}
+ * @public
+ */
+export declare let $adaptiveBuffer: Float32Array;
+/**
+ * @description 適応的テッセレーションの結果のセグメント数
+ *              Number of segments from adaptive tessellation
+ *
+ * @type {number}
+ * @public
+ */
+export declare let $adaptiveSegmentCount: number;
+/**
+ * @description 3次ベジエ曲線のフラットネス（平坦度）を計算
+ *              Calculate flatness of a cubic Bezier curve
+ *
+ * @param  {number} p0x
+ * @param  {number} p0y
+ * @param  {number} p1x
+ * @param  {number} p1y
+ * @param  {number} p2x
+ * @param  {number} p2y
+ * @param  {number} p3x
+ * @param  {number} p3y
+ * @return {number}
+ * @method
+ * @protected
+ */
+export declare const $calculateFlatness: (p0x: number, p0y: number, p1x: number, p1y: number, p2x: number, p2y: number, p3x: number, p3y: number) => number;
+/**
+ * @description 曲率に基づいて最適な分割数を決定
+ *              Determine optimal subdivision count based on curvature
+ *
+ * @param  {number} p0x
+ * @param  {number} p0y
+ * @param  {number} p1x
+ * @param  {number} p1y
+ * @param  {number} p2x
+ * @param  {number} p2y
+ * @param  {number} p3x
+ * @param  {number} p3y
+ * @return {number}
+ * @method
+ * @protected
+ */
+export declare const $getAdaptiveSubdivisionCount: (p0x: number, p0y: number, p1x: number, p1y: number, p2x: number, p2y: number, p3x: number, p3y: number) => number;
+/**
+ * @description 適応的バッファのサイズを確保
+ *              Ensure adaptive buffer size
+ *
+ * @param  {number} size
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const $ensureAdaptiveBufferSize: (size: number) => void;
+/**
+ * @description 適応的セグメント数を設定
+ *              Set adaptive segment count
+ *
+ * @param  {number} count
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const $setAdaptiveSegmentCount: (count: number) => void;
+/**
+ * @description 分割用バッファプールをリセット
+ *              Reset split buffer pool
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const $resetSplitBufferPool: () => void;
+/**
+ * @description 分割用Float32Array(8)を取得（プールから再利用）
+ *              Get Float32Array(8) for split (reuse from pool)
+ *
+ * @return {Float32Array}
+ * @method
+ * @protected
+ */
+export declare const $getSplitBuffer: () => Float32Array;

package/src/BezierConverter.js

@@ -0,0 +1,166 @@
+/**
+ * @description ベジェ曲線の変換後の値を格納するバッファ
+ *              Buffer to store the converted values of the Bezier curve
+ *
+ * @type {Float32Array}
+ * @public
+ */
+export const $bezierBuffer = new Float32Array(32);
+/**
+ * @description 適応的テッセレーション用の動的バッファ
+ *              Dynamic buffer for adaptive tessellation
+ *
+ * @type {Float32Array}
+ * @public
+ */
+export let $adaptiveBuffer = new Float32Array(64);
+/**
+ * @description 適応的テッセレーションの結果のセグメント数
+ *              Number of segments from adaptive tessellation
+ *
+ * @type {number}
+ * @public
+ */
+export let $adaptiveSegmentCount = 0;
+/**
+ * @description 適応的テッセレーションのフラットネス閾値
+ *              Flatness threshold for adaptive tessellation
+ *
+ * @type {number}
+ * @const
+ */
+const FLATNESS_THRESHOLD = 0.5;
+/**
+ * @description 最小分割数
+ *              Minimum subdivision count
+ *
+ * @type {number}
+ * @const
+ */
+const MIN_SUBDIVISIONS = 2;
+/**
+ * @description 最大分割数
+ *              Maximum subdivision count
+ *
+ * @type {number}
+ * @const
+ */
+const MAX_SUBDIVISIONS = 8;
+/**
+ * @description 3次ベジエ曲線のフラットネス（平坦度）を計算
+ *              Calculate flatness of a cubic Bezier curve
+ *
+ * @param  {number} p0x
+ * @param  {number} p0y
+ * @param  {number} p1x
+ * @param  {number} p1y
+ * @param  {number} p2x
+ * @param  {number} p2y
+ * @param  {number} p3x
+ * @param  {number} p3y
+ * @return {number}
+ * @method
+ * @protected
+ */
+export const $calculateFlatness = (p0x, p0y, p1x, p1y, p2x, p2y, p3x, p3y) => {
+    // 制御点から直線への最大距離を計算
+    // Calculate maximum distance from control points to the line P0-P3
+    const ux = 3 * p1x - 2 * p0x - p3x;
+    const uy = 3 * p1y - 2 * p0y - p3y;
+    const vx = 3 * p2x - 2 * p3x - p0x;
+    const vy = 3 * p2y - 2 * p3y - p0y;
+    return Math.max(ux * ux + uy * uy, vx * vx + vy * vy);
+};
+/**
+ * @description 曲率に基づいて最適な分割数を決定
+ *              Determine optimal subdivision count based on curvature
+ *
+ * @param  {number} p0x
+ * @param  {number} p0y
+ * @param  {number} p1x
+ * @param  {number} p1y
+ * @param  {number} p2x
+ * @param  {number} p2y
+ * @param  {number} p3x
+ * @param  {number} p3y
+ * @return {number}
+ * @method
+ * @protected
+ */
+export const $getAdaptiveSubdivisionCount = (p0x, p0y, p1x, p1y, p2x, p2y, p3x, p3y) => {
+    const flatness = $calculateFlatness(p0x, p0y, p1x, p1y, p2x, p2y, p3x, p3y);
+    // フラットネスに基づいて分割数を決定
+    // log2(flatness / threshold) で必要な分割レベルを推定
+    if (flatness < FLATNESS_THRESHOLD * FLATNESS_THRESHOLD) {
+        return MIN_SUBDIVISIONS;
+    }
+    const level = Math.ceil(Math.log2(Math.sqrt(flatness) / FLATNESS_THRESHOLD) / 2);
+    return Math.min(Math.max(level + MIN_SUBDIVISIONS, MIN_SUBDIVISIONS), MAX_SUBDIVISIONS);
+};
+/**
+ * @description 適応的バッファのサイズを確保
+ *              Ensure adaptive buffer size
+ *
+ * @param  {number} size
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const $ensureAdaptiveBufferSize = (size) => {
+    if ($adaptiveBuffer.length < size) {
+        $adaptiveBuffer = new Float32Array(size * 2);
+    }
+};
+/**
+ * @description 適応的セグメント数を設定
+ *              Set adaptive segment count
+ *
+ * @param  {number} count
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const $setAdaptiveSegmentCount = (count) => {
+    $adaptiveSegmentCount = count;
+};
+/**
+ * @description 分割処理用の再利用可能なFloat32Array(8)バッファプール
+ *              Reusable Float32Array(8) buffer pool for split operations
+ *
+ * @type {Float32Array[]}
+ * @private
+ */
+const $splitBufferPool = [];
+/**
+ * @description プールの現在の使用インデックス
+ *              Current usage index of the pool
+ *
+ * @type {number}
+ * @private
+ */
+let $splitBufferIndex = 0;
+/**
+ * @description 分割用バッファプールをリセット
+ *              Reset split buffer pool
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const $resetSplitBufferPool = () => {
+    $splitBufferIndex = 0;
+};
+/**
+ * @description 分割用Float32Array(8)を取得（プールから再利用）
+ *              Get Float32Array(8) for split (reuse from pool)
+ *
+ * @return {Float32Array}
+ * @method
+ * @protected
+ */
+export const $getSplitBuffer = () => {
+    if ($splitBufferIndex >= $splitBufferPool.length) {
+        $splitBufferPool.push(new Float32Array(8));
+    }
+    return $splitBufferPool[$splitBufferIndex++];
+};

package/src/Bitmap.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @description Bitmapの設定データ
+ *              Bitmap setting data
+ *
+ * @type {Array<boolean | number | Uint8Array | Float32Array>}
+ * @protected
+ */
+export declare const $bitmapData: Array<boolean | number | Uint8Array | Float32Array>;

package/src/Bitmap.js

@@ -0,0 +1,8 @@
+/**
+ * @description Bitmapの設定データ
+ *              Bitmap setting data
+ *
+ * @type {Array<boolean | number | Uint8Array | Float32Array>}
+ * @protected
+ */
+export const $bitmapData = [];

package/src/Blend/service/BlendAddService.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @description ブレンドモードを加算に設定します。
+ *              Set the blend mode to add.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: () => void;

package/src/Blend/service/BlendAddService.js

@@ -0,0 +1,16 @@
+import { $funcCode, $setFuncCode } from "../../Blend";
+import { $gl } from "../../WebGLUtil";
+/**
+ * @description ブレンドモードを加算に設定します。
+ *              Set the blend mode to add.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    if ($funcCode !== 611) {
+        $setFuncCode(611);
+        $gl.blendFunc($gl.ONE, $gl.ONE);
+    }
+};

package/src/Blend/service/BlendAlphaService.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @description ブレンドモードをアルファに設定します。
+ *              Set the blend mode to alpha.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: () => void;

package/src/Blend/service/BlendAlphaService.js

@@ -0,0 +1,16 @@
+import { $funcCode, $setFuncCode } from "../../Blend";
+import { $gl } from "../../WebGLUtil";
+/**
+ * @description ブレンドモードをアルファに設定します。
+ *              Set the blend mode to alpha.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    if ($funcCode !== 606) {
+        $setFuncCode(606);
+        $gl.blendFunc($gl.ZERO, $gl.SRC_ALPHA);
+    }
+};

package/src/Blend/service/BlendEraseService.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @description ブレンドモードを消去に設定します。
+ *              Set the blend mode to erase.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: () => void;

package/src/Blend/service/BlendEraseService.js

@@ -0,0 +1,16 @@
+import { $gl } from "../../WebGLUtil";
+import { $funcCode, $setFuncCode } from "../../Blend";
+/**
+ * @description ブレンドモードを消去に設定します。
+ *              Set the blend mode to erase.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    if ($funcCode !== 603) {
+        $setFuncCode(603);
+        $gl.blendFunc($gl.ZERO, $gl.ONE_MINUS_SRC_ALPHA);
+    }
+};

package/src/Blend/service/BlendOneZeroService.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @description ブレンドモードをOne/Zeroに設定します。
+ *              Set the blend mode to One/Zero.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: () => void;

package/src/Blend/service/BlendOneZeroService.js

@@ -0,0 +1,16 @@
+import { $gl } from "../../WebGLUtil";
+import { $funcCode, $setFuncCode } from "../../Blend";
+/**
+ * @description ブレンドモードをOne/Zeroに設定します。
+ *              Set the blend mode to One/Zero.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    if ($funcCode !== 610) {
+        $setFuncCode(610);
+        $gl.blendFunc($gl.ONE, $gl.ZERO);
+    }
+};

package/src/Blend/service/BlendResetService.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @description ブレンドモードをリセット
+ *              Reset the blend mode
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: () => void;

package/src/Blend/service/BlendResetService.js

@@ -0,0 +1,16 @@
+import { $gl } from "../../WebGLUtil";
+import { $funcCode, $setFuncCode } from "../../Blend";
+/**
+ * @description ブレンドモードをリセット
+ *              Reset the blend mode
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    if ($funcCode !== 613) {
+        $setFuncCode(613);
+        $gl.blendFunc($gl.ONE, $gl.ONE_MINUS_SRC_ALPHA);
+    }
+};

package/src/Blend/service/BlendScreenService.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @description ブレンドモードをスクリーンに設定します。
+ *              Set the blend mode to screen.
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: () => void;