@next2d/webgl 1.18.12 → 3.0.0

package/src/FrameBufferManager/usecase/FrameBufferManagerGetTextureFromNodeUseCase.js

@@ -0,0 +1,36 @@
+import { execute as textureManagerGetTextureUseCase } from "../../TextureManager/usecase/TextureManagerGetTextureUseCase";
+import { execute as frameBufferManagerTransferAtlasTextureService } from "../../FrameBufferManager/service/FrameBufferManagerTransferAtlasTextureService";
+import { $drawBitmapFramebuffer, $readBitmapFramebuffer, $readFrameBuffer } from "../../FrameBufferManager";
+import { $gl } from "../../WebGLUtil";
+import { $activeAtlasIndex, $setActiveAtlasIndex, $getAtlasTextureObject } from "../../AtlasManager";
+/**
+ * @description アトラスフレームバッファからテクスチャを取得します。
+ *              Get a texture from the atlas frame buffer.
+ *
+ * @param  {Node} node
+ * @return {ITextureObject}
+ * @method
+ * @protected
+ */
+export const execute = (node) => {
+    // 指定されたindexのフレームバッファの描画をアトラステクスチャに転送
+    const activeIndex = $activeAtlasIndex;
+    $setActiveAtlasIndex(node.index);
+    frameBufferManagerTransferAtlasTextureService();
+    $gl.bindFramebuffer($gl.FRAMEBUFFER, $readBitmapFramebuffer);
+    const atlasTextureObject = $getAtlasTextureObject();
+    $gl.framebufferTexture2D($gl.FRAMEBUFFER, $gl.COLOR_ATTACHMENT0, $gl.TEXTURE_2D, atlasTextureObject.resource, 0);
+    $gl.bindFramebuffer($gl.FRAMEBUFFER, $drawBitmapFramebuffer);
+    const textureObject = textureManagerGetTextureUseCase(node.w, node.h);
+    $gl.framebufferTexture2D($gl.FRAMEBUFFER, $gl.COLOR_ATTACHMENT0, $gl.TEXTURE_2D, textureObject.resource, 0);
+    $gl.bindFramebuffer($gl.FRAMEBUFFER, null);
+    $gl.bindFramebuffer($gl.READ_FRAMEBUFFER, $readBitmapFramebuffer);
+    $gl.bindFramebuffer($gl.DRAW_FRAMEBUFFER, $drawBitmapFramebuffer);
+    // execute
+    $gl.blitFramebuffer(node.x, node.y, node.x + node.w, node.y + node.h, 0, 0, node.w, node.h, $gl.COLOR_BUFFER_BIT, $gl.NEAREST);
+    // restore
+    $setActiveAtlasIndex(activeIndex);
+    $gl.bindFramebuffer($gl.READ_FRAMEBUFFER, $readFrameBuffer);
+    $gl.bindFramebuffer($gl.FRAMEBUFFER, $readFrameBuffer);
+    return textureObject;
+};

package/src/FrameBufferManager/usecase/FrameBufferManagerReleaseAttachmentObjectUseCase.d.ts

@@ -0,0 +1,12 @@
+import type { IAttachmentObject } from "../../interface/IAttachmentObject";
+/**
+ * @description 各オブジェクトを再利用するためにプールを行い、アタッチメントオブジェクトは初期化してプールに戻す
+ *              Pool each object for reuse, and initialize and return the attachment object to the pool
+ *
+ * @param  {IAttachmentObject} attachment_object
+ * @param  {boolean} [release_texture=true]
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (attachment_object: IAttachmentObject, release_texture?: boolean) => void;

package/src/FrameBufferManager/usecase/FrameBufferManagerReleaseAttachmentObjectUseCase.js

@@ -0,0 +1,30 @@
+import { execute as colorBufferObjectReleaseColorBufferObjectUseCase } from "../../ColorBufferObject/usecase/ColorBufferObjectReleaseColorBufferObjectUseCase";
+import { execute as textureManagerReleaseTextureObjectUseCase } from "../../TextureManager/usecase/TextureManagerReleaseTextureObjectUseCase";
+import { execute as stencilBufferObjectReleaseColorBufferObjectUseCase } from "../../StencilBufferObject/service/StencilBufferObjectReleaseColorBufferObjectService";
+import { $objectPool } from "../../FrameBufferManager";
+/**
+ * @description 各オブジェクトを再利用するためにプールを行い、アタッチメントオブジェクトは初期化してプールに戻す
+ *              Pool each object for reuse, and initialize and return the attachment object to the pool
+ *
+ * @param  {IAttachmentObject} attachment_object
+ * @param  {boolean} [release_texture=true]
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (attachment_object, release_texture = true) => {
+    if (attachment_object.msaa) {
+        colorBufferObjectReleaseColorBufferObjectUseCase(attachment_object.color);
+        attachment_object.color = null;
+        attachment_object.stencil = null;
+    }
+    else {
+        if (release_texture) {
+            textureManagerReleaseTextureObjectUseCase(attachment_object.texture);
+        }
+        attachment_object.texture = null;
+        stencilBufferObjectReleaseColorBufferObjectUseCase(attachment_object.stencil);
+        attachment_object.stencil = null;
+    }
+    $objectPool.push(attachment_object);
+};

package/src/FrameBufferManager/usecase/FrameBufferManagerTransferTextureFromRectUseCase.d.ts

@@ -0,0 +1,11 @@
+import type { ITextureObject } from "../../interface/ITextureObject";
+/**
+ * @description メインのアタッチメントオブジェクトをメインキャンバスに転送します。
+ *              Transfer the main attachment object to the main canvas.
+ *
+ * @param  {ITextureObject} texture_object
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (texture_object: ITextureObject) => void;

package/src/FrameBufferManager/usecase/FrameBufferManagerTransferTextureFromRectUseCase.js

@@ -0,0 +1,25 @@
+import { execute as textureManagerBind0UseCase } from "../../TextureManager/usecase/TextureManagerBind0UseCase";
+import { execute as variantsBlendTextureShaderService } from "../../Shader/Variants/Blend/service/VariantsBlendTextureShaderService";
+import { execute as shaderManagerSetTextureUniformService } from "../../Shader/ShaderManager/service/ShaderManagerSetTextureUniformService";
+import { execute as shaderManagerDrawTextureUseCase } from "../../Shader/ShaderManager/usecase/ShaderManagerDrawTextureUseCase";
+import { execute as blendOneZeroService } from "../../Blend/service/BlendOneZeroService";
+import { execute as blendResetService } from "../../Blend/service/BlendResetService";
+/**
+ * @description メインのアタッチメントオブジェクトをメインキャンバスに転送します。
+ *              Transfer the main attachment object to the main canvas.
+ *
+ * @param  {ITextureObject} texture_object
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (texture_object) => {
+    // ブレンドするテクスチャをバインド
+    textureManagerBind0UseCase(texture_object);
+    blendOneZeroService();
+    // blend用のシェーダーを取得
+    const shaderManager = variantsBlendTextureShaderService();
+    shaderManagerSetTextureUniformService(shaderManager, texture_object.width, texture_object.height);
+    shaderManagerDrawTextureUseCase(shaderManager);
+    blendResetService();
+};

package/src/FrameBufferManager.d.ts

@@ -0,0 +1,18 @@
+import type { IAttachmentObject } from "./interface/IAttachmentObject";
+import type { ITextureObject } from "./interface/ITextureObject";
+export declare const $objectPool: IAttachmentObject[];
+export declare let $readFrameBuffer: WebGLFramebuffer;
+export declare const $setReadFrameBuffer: (gl: WebGL2RenderingContext) => void;
+export declare let $drawFrameBuffer: WebGLFramebuffer | null;
+export declare const $setDrawFrameBuffer: (gl: WebGL2RenderingContext) => void;
+export declare let $atlasFrameBuffer: WebGLFramebuffer | null;
+export declare const $setAtlasFrameBuffer: (gl: WebGL2RenderingContext, texture_object: ITextureObject) => void;
+export declare let $currentAttachment: IAttachmentObject | null;
+export declare const $setCurrentAttachment: (attachment_object: IAttachmentObject | null) => void;
+export declare let $isFramebufferBound: boolean;
+export declare const $setFramebufferBound: (state: boolean) => void;
+export declare let $readBitmapFramebuffer: WebGLFramebuffer | null;
+export declare let $drawBitmapFramebuffer: WebGLFramebuffer | null;
+export declare let $pixelFrameBuffer: WebGLFramebuffer | null;
+export declare let $pixelBufferObject: WebGLBuffer | null;
+export declare const $setBitmapFrameBuffer: (gl: WebGL2RenderingContext) => void;

package/src/FrameBufferManager.js

@@ -0,0 +1,38 @@
+export const $objectPool = [];
+export let $readFrameBuffer;
+export const $setReadFrameBuffer = (gl) => {
+    $readFrameBuffer = gl.createFramebuffer();
+};
+export let $drawFrameBuffer = null;
+export const $setDrawFrameBuffer = (gl) => {
+    $drawFrameBuffer = gl.createFramebuffer();
+};
+export let $atlasFrameBuffer = null;
+export const $setAtlasFrameBuffer = (gl, texture_object) => {
+    $atlasFrameBuffer = gl.createFramebuffer();
+    gl.bindFramebuffer(gl.FRAMEBUFFER, $atlasFrameBuffer);
+    gl.framebufferTexture2D(gl.FRAMEBUFFER, gl.COLOR_ATTACHMENT0, gl.TEXTURE_2D, texture_object.resource, 0);
+    gl.bindFramebuffer(gl.FRAMEBUFFER, null);
+    gl.bindFramebuffer(gl.DRAW_FRAMEBUFFER, $atlasFrameBuffer);
+};
+export let $currentAttachment = null;
+export const $setCurrentAttachment = (attachment_object) => {
+    $currentAttachment = attachment_object;
+};
+export let $isFramebufferBound = false;
+export const $setFramebufferBound = (state) => {
+    $isFramebufferBound = state;
+};
+export let $readBitmapFramebuffer = null;
+export let $drawBitmapFramebuffer = null;
+export let $pixelFrameBuffer = null;
+export let $pixelBufferObject = null;
+export const $setBitmapFrameBuffer = (gl) => {
+    // blitFramebuffer
+    $drawBitmapFramebuffer = gl.createFramebuffer();
+    $readBitmapFramebuffer = gl.createFramebuffer();
+    // PBO
+    $pixelFrameBuffer = gl.createFramebuffer();
+    $pixelBufferObject = gl.createBuffer();
+    gl.bindBuffer(gl.PIXEL_PACK_BUFFER, $pixelBufferObject);
+};

package/src/Gradient.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @description グラデーションの設定データ
+ *              Gradient setting data
+ *
+ * @type {Array<number | number[] | Float32Array>}
+ * @protected
+ */
+export declare const $gradientData: Array<number | number[] | Float32Array>;

package/src/Gradient.js

@@ -0,0 +1,8 @@
+/**
+ * @description グラデーションの設定データ
+ *              Gradient setting data
+ *
+ * @type {Array<number | number[] | Float32Array>}
+ * @protected
+ */
+export const $gradientData = [];

package/src/Grid.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @type {Map}
+ * @private
+ */
+export declare const $gridDataMap: Map<number, Float32Array | null>;
+/**
+ * @description グリッド情報を初期化
+ *              Initialize grid information
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const $terminateGrid: () => void;

package/src/Grid.js

@@ -0,0 +1,16 @@
+/**
+ * @type {Map}
+ * @private
+ */
+export const $gridDataMap = new Map();
+/**
+ * @description グリッド情報を初期化
+ *              Initialize grid information
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const $terminateGrid = () => {
+    $gridDataMap.clear();
+};

package/src/Mask/service/MaskBeginMaskService.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @description マスク描画の開始準備
+ *              Prepare to start drawing the mask
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: () => void;

package/src/Mask/service/MaskBeginMaskService.js

@@ -0,0 +1,27 @@
+import { $isMaskDrawing, $setMaskDrawing, $clipLevels } from "../../Mask";
+import { $gl, $context, $enableStencilTest } from "../../WebGLUtil";
+/**
+ * @description マスク描画の開始準備
+ *              Prepare to start drawing the mask
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    const currentAttachmentObject = $context.currentAttachmentObject;
+    if (!currentAttachmentObject) {
+        return;
+    }
+    currentAttachmentObject.mask = true;
+    currentAttachmentObject.clipLevel++;
+    $clipLevels.set(currentAttachmentObject.clipLevel, currentAttachmentObject.clipLevel);
+    if (!$isMaskDrawing()) {
+        $setMaskDrawing(true);
+        $enableStencilTest();
+        $gl.enable($gl.SAMPLE_ALPHA_TO_COVERAGE);
+        $gl.stencilFunc($gl.ALWAYS, 0, 0xff);
+        $gl.stencilOp($gl.ZERO, $gl.INVERT, $gl.INVERT);
+        $gl.colorMask(false, false, false, false);
+    }
+};

package/src/Mask/service/MaskEndMaskService.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @description マスクの描画を終了
+ *              End mask drawing
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: () => void;

package/src/Mask/service/MaskEndMaskService.js

@@ -0,0 +1,26 @@
+import { $gl, $context, $disableScissorTest } from "../../WebGLUtil";
+/**
+ * @description マスクの描画を終了
+ *              End mask drawing
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    const currentAttachmentObject = $context.currentAttachmentObject;
+    if (!currentAttachmentObject) {
+        return;
+    }
+    const clipLevel = currentAttachmentObject.clipLevel;
+    let mask = 0;
+    for (let idx = 0; idx < clipLevel; ++idx) {
+        mask |= (1 << clipLevel - idx) - 1;
+    }
+    $gl.stencilMask(0xff);
+    $gl.stencilFunc($gl.EQUAL, mask & 0xff, mask);
+    $gl.stencilOp($gl.KEEP, $gl.KEEP, $gl.KEEP);
+    $gl.colorMask(true, true, true, true);
+    $gl.disable($gl.SAMPLE_ALPHA_TO_COVERAGE);
+    $disableScissorTest();
+};

package/src/Mask/service/MaskSetMaskBoundsService.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @description マスクの描画範囲をセット
+ *              Set the drawing range of the mask.
+ *
+ * @param  {number} x_min
+ * @param  {number} y_min
+ * @param  {number} x_max
+ * @param  {number} y_max
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (x_min: number, y_min: number, x_max: number, y_max: number) => void;

package/src/Mask/service/MaskSetMaskBoundsService.js

@@ -0,0 +1,26 @@
+import { $clipBounds } from "../../Mask";
+import { $gl, $context, $getFloat32Array4, $enableScissorTest } from "../../WebGLUtil";
+/**
+ * @description マスクの描画範囲をセット
+ *              Set the drawing range of the mask.
+ *
+ * @param  {number} x_min
+ * @param  {number} y_min
+ * @param  {number} x_max
+ * @param  {number} y_max
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (x_min, y_min, x_max, y_max) => {
+    const currentAttachmentObject = $context.currentAttachmentObject;
+    if (!currentAttachmentObject) {
+        return;
+    }
+    // レベルと描画範囲をセット
+    $clipBounds.set(currentAttachmentObject.clipLevel, $getFloat32Array4(x_min, y_min, x_max, y_max));
+    const width = Math.ceil(Math.abs(x_max - x_min));
+    const height = Math.ceil(Math.abs(y_max - y_min));
+    $enableScissorTest();
+    $gl.scissor(x_min, currentAttachmentObject.height - y_min - height, width, height);
+};

package/src/Mask/service/MaskUnionMaskService.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @description マスクの合成処理
+ *              Mask synthesis processing
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: () => void;

package/src/Mask/service/MaskUnionMaskService.js

@@ -0,0 +1,32 @@
+import { execute as shaderManagerFillUseCase } from "../../Shader/ShaderManager/usecase/ShaderManagerFillUseCase";
+import { execute as variantsShapeRectShaderService } from "../../Shader/Variants/Shape/service/VariantsShapeRectShaderService";
+import { $getRectVertexArrayObject } from "../../VertexArrayObject";
+import { $gl, $context } from "../../WebGLUtil";
+/**
+ * @description マスクの合成処理
+ *              Mask synthesis processing
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    const currentAttachmentObject = $context.currentAttachmentObject;
+    if (!currentAttachmentObject) {
+        return;
+    }
+    // レベル以上のステンシルバッファをマージ
+    const mask = 1 << currentAttachmentObject.clipLevel - 1;
+    $gl.stencilMask(~mask - 1);
+    $gl.stencilFunc($gl.LEQUAL, mask, 0xff);
+    $gl.stencilOp($gl.ZERO, $gl.REPLACE, $gl.REPLACE);
+    shaderManagerFillUseCase(variantsShapeRectShaderService(), $getRectVertexArrayObject(), 0, 6);
+    // レベル以上のステンシルバッファをクリア
+    $gl.stencilMask(1 << currentAttachmentObject.clipLevel);
+    $gl.stencilFunc($gl.ALWAYS, 0, 0xff);
+    $gl.stencilOp($gl.REPLACE, $gl.REPLACE, $gl.REPLACE);
+    shaderManagerFillUseCase(variantsShapeRectShaderService(), $getRectVertexArrayObject(), 0, 6);
+    // base mask setting
+    $gl.stencilMask(0xff);
+    $gl.stencilOp($gl.ZERO, $gl.INVERT, $gl.INVERT);
+};

package/src/Mask/usecase/MaskBindUseCase.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @description マスクOn/Offに合わせたバインド処理
+ *              Binding process according to mask On/Off
+ *
+ * @param  {boolean} mask
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (mask: boolean) => void;

package/src/Mask/usecase/MaskBindUseCase.js

@@ -0,0 +1,25 @@
+import { execute as maskEndMaskService } from "../service/MaskEndMaskService";
+import { $enableStencilTest, $disableStencilTest, $disableScissorTest } from "../../WebGLUtil";
+import { $isMaskDrawing, $setMaskDrawing } from "../../Mask";
+/**
+ * @description マスクOn/Offに合わせたバインド処理
+ *              Binding process according to mask On/Off
+ *
+ * @param  {boolean} mask
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (mask) => {
+    if (!mask && $isMaskDrawing()) {
+        $setMaskDrawing(false);
+        $disableStencilTest();
+        $disableScissorTest();
+    }
+    else if (mask && !$isMaskDrawing()) {
+        $setMaskDrawing(true);
+        // キャッシュ作成後は、マスクの状態を復元する
+        $enableStencilTest();
+        maskEndMaskService();
+    }
+};

package/src/Mask/usecase/MaskLeaveMaskUseCase.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @description マスクの終了処理
+ *              End mask processing
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: () => void;

package/src/Mask/usecase/MaskLeaveMaskUseCase.js

@@ -0,0 +1,53 @@
+import { execute as maskEndMaskService } from "../service/MaskEndMaskService";
+import { execute as shaderManagerFillUseCase } from "../../Shader/ShaderManager/usecase/ShaderManagerFillUseCase";
+import { execute as variantsShapeRectShaderService } from "../../Shader/Variants/Shape/service/VariantsShapeRectShaderService";
+import { $getRectVertexArrayObject } from "../../VertexArrayObject";
+import { $setMaskDrawing, $clipBounds, $clipLevels } from "../../Mask";
+import { $gl, $context, $poolFloat32Array4, $enableScissorTest, $disableScissorTest, $disableStencilTest } from "../../WebGLUtil";
+/**
+ * @description マスクの終了処理
+ *              End mask processing
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    const currentAttachmentObject = $context.currentAttachmentObject;
+    if (!currentAttachmentObject) {
+        return;
+    }
+    const clipLevel = currentAttachmentObject.clipLevel;
+    const bounds = $clipBounds.get(clipLevel);
+    const xMin = bounds[0];
+    const yMin = bounds[1];
+    const xMax = bounds[2];
+    const yMax = bounds[3];
+    // レベルと描画範囲を削除
+    $clipBounds.delete(clipLevel);
+    $clipLevels.delete(clipLevel);
+    $poolFloat32Array4(bounds);
+    const width = Math.ceil(Math.abs(xMax - xMin));
+    const height = Math.ceil(Math.abs(yMax - yMin));
+    $enableScissorTest();
+    $gl.scissor(xMin, currentAttachmentObject.height - yMin - height, width, height);
+    // 単体のマスクであれば終了
+    --currentAttachmentObject.clipLevel;
+    if (!currentAttachmentObject.clipLevel) {
+        currentAttachmentObject.mask = false;
+        $setMaskDrawing(false);
+        $gl.clear($gl.STENCIL_BUFFER_BIT);
+        $disableStencilTest();
+        $disableScissorTest();
+        $clipLevels.clear();
+        $clipBounds.clear();
+        return;
+    }
+    // 上位レベルのステンシルバッファをクリア
+    $gl.stencilMask(1 << currentAttachmentObject.clipLevel);
+    $gl.stencilFunc($gl.ALWAYS, 0, 0xff);
+    $gl.stencilOp($gl.REPLACE, $gl.REPLACE, $gl.REPLACE);
+    $gl.colorMask(false, false, false, false);
+    shaderManagerFillUseCase(variantsShapeRectShaderService(), $getRectVertexArrayObject(), 0, 6);
+    maskEndMaskService();
+};

package/src/Mask.d.ts

@@ -0,0 +1,29 @@
+/**
+ * @description マスク描画の状態をセット
+ *              Set the state of mask drawing
+ *
+ * @param  {boolean} state
+ * @return {void}
+ * @method
+ * @public
+ */
+export declare const $setMaskDrawing: (state: boolean) => void;
+/**
+ * @description マスク描画中かどうかを返却
+ *              Returns whether the mask is being drawn
+ *
+ * @return {boolean}
+ * @method
+ * @public
+ */
+export declare const $isMaskDrawing: () => boolean;
+/**
+ * @type {Map<number, Float32Array>}
+ * @private
+ */
+export declare const $clipBounds: Map<number, Float32Array>;
+/**
+ * @type {Map<number, number>}
+ * @private
+ */
+export declare const $clipLevels: Map<number, number>;

package/src/Mask.js

@@ -0,0 +1,42 @@
+/**
+ * @description マスク描画中かどうか
+ *              Whether the mask is being drawn
+ *
+ * @type {boolean}
+ * @default false
+ * @private
+ */
+let $maskDrawingState = false;
+/**
+ * @description マスク描画の状態をセット
+ *              Set the state of mask drawing
+ *
+ * @param  {boolean} state
+ * @return {void}
+ * @method
+ * @public
+ */
+export const $setMaskDrawing = (state) => {
+    $maskDrawingState = state;
+};
+/**
+ * @description マスク描画中かどうかを返却
+ *              Returns whether the mask is being drawn
+ *
+ * @return {boolean}
+ * @method
+ * @public
+ */
+export const $isMaskDrawing = () => {
+    return $maskDrawingState;
+};
+/**
+ * @type {Map<number, Float32Array>}
+ * @private
+ */
+export const $clipBounds = new Map();
+/**
+ * @type {Map<number, number>}
+ * @private
+ */
+export const $clipLevels = new Map();

package/src/Mesh/service/MeshCalculateNormalVectorService.d.ts

@@ -0,0 +1,13 @@
+import type { IPoint } from "../../interface/IPoint";
+/**
+ * @description 直線の法線ベクトルを計算
+ *              Calculate the normal vector of a line
+ *
+ * @param  {number} x
+ * @param  {number} y
+ * @param  {number} thickness
+ * @return {IPoint}
+ * @method
+ * @protected
+ */
+export declare const execute: (x: number, y: number, thickness: number) => IPoint;

package/src/Mesh/service/MeshCalculateNormalVectorService.js

@@ -0,0 +1,18 @@
+/**
+ * @description 直線の法線ベクトルを計算
+ *              Calculate the normal vector of a line
+ *
+ * @param  {number} x
+ * @param  {number} y
+ * @param  {number} thickness
+ * @return {IPoint}
+ * @method
+ * @protected
+ */
+export const execute = (x, y, thickness) => {
+    const magnitude = Math.sqrt(x * x + y * y);
+    return {
+        "x": -(y / magnitude) * thickness,
+        "y": x / magnitude * thickness
+    };
+};

package/src/Mesh/service/MeshCalculateNormalizeBezierService.d.ts

@@ -0,0 +1,11 @@
+import type { IPoint } from "../../interface/IPoint";
+/**
+ * @description ベクトルの正規化を行う
+ *              Normalize the vector
+ *
+ * @param  {IPoint} point
+ * @return {IPoint}
+ * @method
+ * @protected
+ */
+export declare const execute: (point: IPoint) => IPoint;

package/src/Mesh/service/MeshCalculateNormalizeBezierService.js

@@ -0,0 +1,15 @@
+/**
+ * @description ベクトルの正規化を行う
+ *              Normalize the vector
+ *
+ * @param  {IPoint} point
+ * @return {IPoint}
+ * @method
+ * @protected
+ */
+export const execute = (point) => {
+    const length = Math.sqrt(point.x * point.x + point.y * point.y);
+    return length === 0
+        ? { "x": 0, "y": 0 }
+        : { "x": point.x / length, "y": point.y / length };
+};

package/src/Mesh/service/MeshFillGenerateService.d.ts

@@ -0,0 +1,23 @@
+import type { IPath } from "../../interface/IPath";
+/**
+ * @description 塗りのメッシュを生成する
+ *              Generate a fill mesh
+ *
+ * @param  {IPath} vertex
+ * @param  {Float32Array} buffer
+ * @param  {number} index
+ * @param  {number} a
+ * @param  {number} b
+ * @param  {number} c
+ * @param  {number} d
+ * @param  {number} tx
+ * @param  {number} ty
+ * @param  {number} red
+ * @param  {number} green
+ * @param  {number} blue
+ * @param  {number} alpha
+ * @return {number}
+ * @method
+ * @protected
+ */
+export declare const execute: (vertex: IPath, buffer: Float32Array, index: number, a: number, b: number, c: number, d: number, tx: number, ty: number, red: number, green: number, blue: number, alpha: number) => number;