@next2d/webgpu 3.0.0

package/src/Mesh/usecase/MeshSplitQuadraticBezierUseCase.d.ts

@@ -0,0 +1,14 @@
+import type { IPoint } from "../../interface/IPoint";
+/**
+ * @description 二次ベジェ曲線を分割する
+ *              Split a quadratic Bezier curve
+ *
+ * @param  {IPoint} start_point
+ * @param  {IPoint} control_point
+ * @param  {IPoint} end_point
+ * @param  {number} [t = 0.5]
+ * @return {Array<IPoint[]>}
+ * @method
+ * @protected
+ */
+export declare const execute: (start_point: IPoint, control_point: IPoint, end_point: IPoint, t?: number) => Array<IPoint[]>;

package/src/Mesh/usecase/MeshSplitQuadraticBezierUseCase.js

@@ -0,0 +1,28 @@
+import { execute as meshLerpService } from "../service/MeshLerpService";
+/**
+ * @description 二次ベジェ曲線を分割する
+ *              Split a quadratic Bezier curve
+ *
+ * @param  {IPoint} start_point
+ * @param  {IPoint} control_point
+ * @param  {IPoint} end_point
+ * @param  {number} [t = 0.5]
+ * @return {Array<IPoint[]>}
+ * @method
+ * @protected
+ */
+export const execute = (start_point, control_point, end_point, t = 0.5) => {
+    // 二次ベジエ曲線の分割
+    // M0  = lerp(P0, P1, t)
+    // M1  = lerp(P1, P2, t)
+    // M01 = lerp(M0, M1, t)
+    const M0 = meshLerpService(start_point, control_point, t);
+    const M1 = meshLerpService(control_point, end_point, t);
+    const M01 = meshLerpService(M0, M1, t);
+    // 左サブ (0...t): [P0,  M0, M01]
+    // 右サブ (t...1): [M01, M1, P2]
+    return [
+        [start_point, M0, M01],
+        [M01, M1, end_point]
+    ];
+};

package/src/Mesh/usecase/MeshStrokeFillGenerateUseCase.d.ts

@@ -0,0 +1,18 @@
+import type { IPath } from "../../interface/IPath";
+import type { IMeshResult } from "../../interface/IMeshResult";
+/**
+ * @description ストローク塗りつぶし用のメッシュを生成する
+ *              Generate a stroke fill mesh
+ *
+ * 頂点フォーマット（4 floats per vertex）:
+ * - position: x, y (2 floats)
+ * - bezier: u, v (2 floats) - 常に (0.5, 0.5)
+ *
+ * color/matrixはuniform bufferで供給される
+ *
+ * @param  {IPath[]} vertices
+ * @return {IMeshResult}
+ * @method
+ * @protected
+ */
+export declare const execute: (vertices: IPath[]) => IMeshResult;

package/src/Mesh/usecase/MeshStrokeFillGenerateUseCase.js

@@ -0,0 +1,54 @@
+import { execute as meshStrokeFillGenerateService } from "../service/MeshStrokeFillGenerateService";
+/**
+ * @description メッシュ生成用の再利用可能な一時バッファ（GC回避）
+ */
+let $meshTempBuffer = new Float32Array(32);
+const $upperPowerOfTwo = (v) => {
+    v--;
+    v |= v >> 1;
+    v |= v >> 2;
+    v |= v >> 4;
+    v |= v >> 8;
+    v |= v >> 16;
+    v++;
+    return v;
+};
+/**
+ * @description ストローク塗りつぶし用のメッシュを生成する
+ *              Generate a stroke fill mesh
+ *
+ * 頂点フォーマット（4 floats per vertex）:
+ * - position: x, y (2 floats)
+ * - bezier: u, v (2 floats) - 常に (0.5, 0.5)
+ *
+ * color/matrixはuniform bufferで供給される
+ *
+ * @param  {IPath[]} vertices
+ * @return {IMeshResult}
+ * @method
+ * @protected
+ */
+export const execute = (vertices) => {
+    // 頂点数を計算（各パスの三角形数 × 3）
+    let totalVertices = 0;
+    for (const vertex of vertices) {
+        const length = vertex.length - 5;
+        for (let idx = 3; idx < length; idx += 3) {
+            totalVertices += 3;
+        }
+    }
+    // バッファを確保（4 floats per vertex、再利用可能バッファ）
+    const requiredSize = totalVertices * 4;
+    if ($meshTempBuffer.length < requiredSize) {
+        $meshTempBuffer = new Float32Array($upperPowerOfTwo(requiredSize));
+    }
+    const buffer = $meshTempBuffer;
+    let index = 0;
+    for (const vertex of vertices) {
+        index = meshStrokeFillGenerateService(vertex, buffer, index);
+    }
+    return {
+        "buffer": buffer.subarray(0, index * 4),
+        "indexCount": index
+    };
+};

package/src/Mesh/usecase/MeshStrokeGenerateUseCase.d.ts

@@ -0,0 +1,25 @@
+import type { IPoint } from "../../interface/IPoint";
+import type { IPath } from "../../interface/IPath";
+/**
+ * @description 線の外周を算出して塗りのフォーマットで返却（WebGL版と同じ）
+ *              Calculate the outer circumference of the line and return it in the format of the fill
+ *
+ * @param {IPath} vertices - パス頂点 [x, y, isCurve, ...]
+ * @param {number} thickness - 線の太さ（半分の値）
+ * @return {IPath[]} パス配列
+ */
+export declare const generateStrokeOutline: (vertices: IPath, thickness: number) => IPath[];
+/**
+ * @description ストロークメッシュを生成（WebGL版のMeshStrokeGenerateUseCaseと同じ）
+ * @param {IPath[]} vertices - パス頂点配列
+ * @param {number} thickness - 線の太さ（フル値、内部で/2される）
+ * @return {IPath[]}
+ */
+export declare const generateStrokeMesh: (vertices: IPath[], thickness: number) => IPath[];
+/**
+ * @description IPoint[][]形式からストロークメッシュを生成（後方互換用）
+ * @param {IPoint[][]} paths - パス配列
+ * @param {number} thickness - 線の太さ
+ * @return {Float32Array}
+ */
+export declare const generateStrokeMeshFromPoints: (paths: IPoint[][], thickness: number) => Float32Array;