@next2d/display 1.18.12 → 2.0.0

package/src/Stage/service/StageExecuteFrameSoundsService.js

@@ -0,0 +1,35 @@
+import { $sounds } from "../../DisplayObjectUtil";
+/**
+ * @description フレームにセットされたサウンドを再生
+ *              Play the sound set in the frame
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    while ($sounds.length) {
+        const movieClip = $sounds.pop();
+        const soundsMap = movieClip.$sounds;
+        if (!soundsMap) {
+            continue;
+        }
+        const frame = movieClip.currentFrame;
+        if (!soundsMap.has(frame)) {
+            continue;
+        }
+        const sounds = soundsMap.get(frame);
+        const soundTransform = movieClip.soundTransform;
+        for (let idx = 0; idx < sounds.length; idx++) {
+            const sound = sounds[idx];
+            if (!sound) {
+                continue;
+            }
+            if (soundTransform) {
+                sound.volume = soundTransform.volume;
+                sound.loopCount = soundTransform.loopCount;
+            }
+            sound.play();
+        }
+    }
+};

package/src/Stage/usecase/StageGenerateRenderQueueUseCase.d.ts

@@ -0,0 +1,18 @@
+import type { DisplayObject } from "../../DisplayObject";
+/**
+ * @description renderer workerに渡す描画データを生成
+ *              Generate rendering data to be passed to the renderer worker
+ *
+ * @param  {D} display_object
+ * @param  {ImageBitmap[]} image_bitmaps
+ * @param  {Float32Array} matrix
+ * @param  {Float32Array} color_transform
+ * @param  {number} renderer_width
+ * @param  {number} renderer_height
+ * @param  {number} point_x
+ * @param  {number} point_y
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: <D extends DisplayObject>(display_object: D, image_bitmaps: ImageBitmap[], matrix: Float32Array, color_transform: Float32Array, renderer_width: number, renderer_height: number, point_x: number, point_y: number) => void;

package/src/Stage/usecase/StageGenerateRenderQueueUseCase.js

@@ -0,0 +1,42 @@
+import { renderQueue } from "@next2d/render-queue";
+import { stage } from "../../Stage";
+import { execute as displayObjectContainerGenerateRenderQueueUseCase } from "../../DisplayObjectContainer/usecase/DisplayObjectContainerGenerateRenderQueueUseCase";
+import { execute as shapeGenerateRenderQueueUseCase } from "../../Shape/usecase/ShapeGenerateRenderQueueUseCase";
+import { execute as videoGenerateRenderQueueUseCase } from "../../Video/usecase/VideoGenerateRenderQueueUseCase";
+import { execute as textFieldGenerateRenderQueueUseCase } from "../../TextField/usecase/TextFieldGenerateRenderQueueUseCase";
+/**
+ * @description renderer workerに渡す描画データを生成
+ *              Generate rendering data to be passed to the renderer worker
+ *
+ * @param  {D} display_object
+ * @param  {ImageBitmap[]} image_bitmaps
+ * @param  {Float32Array} matrix
+ * @param  {Float32Array} color_transform
+ * @param  {number} renderer_width
+ * @param  {number} renderer_height
+ * @param  {number} point_x
+ * @param  {number} point_y
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (display_object, image_bitmaps, matrix, color_transform, renderer_width, renderer_height, point_x, point_y) => {
+    renderQueue.push(stage.backgroundColor);
+    switch (true) {
+        case display_object.isContainerEnabled: // 0x00
+            displayObjectContainerGenerateRenderQueueUseCase(display_object, image_bitmaps, matrix, color_transform, renderer_width, renderer_height, point_x, point_y);
+            break;
+        case display_object.isShape: // 0x01
+            shapeGenerateRenderQueueUseCase(display_object, matrix, color_transform, renderer_width, renderer_height, point_x, point_y);
+            break;
+        case display_object.isText: // 0x02
+            textFieldGenerateRenderQueueUseCase(display_object, matrix, color_transform, renderer_width, renderer_height, point_x, point_y);
+            break;
+        case display_object.isVideo: // 0x03
+            videoGenerateRenderQueueUseCase(display_object, image_bitmaps, matrix, color_transform, renderer_width, renderer_height, point_x, point_y);
+            break;
+        default:
+            break;
+    }
+    display_object.changed = false;
+};

package/src/Stage/usecase/StageReadyUseCase.d.ts

@@ -0,0 +1,11 @@
+import type { DisplayObjectContainer } from "../../DisplayObjectContainer";
+/**
+ * @description Stageの起動準備完了時のユースーケース
+ *              Use case when Stage is ready to start
+ *
+ * @param  {DisplayObjectContainer} display_object_container
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (display_object_container: DisplayObjectContainer) => void;

package/src/Stage/usecase/StageReadyUseCase.js

@@ -0,0 +1,20 @@
+import { execute as stageExecuteFrameActionsService } from "../../Stage/service/StageExecuteFrameActionsService";
+import { execute as stageExecuteFrameSoundsService } from "../../Stage/service/StageExecuteFrameSoundsService";
+import { execute as displayObjectContainerPrepareUseCase } from "../../DisplayObjectContainer/usecase/DisplayObjectContainerPrepareUseCase";
+/**
+ * @description Stageの起動準備完了時のユースーケース
+ *              Use case when Stage is ready to start
+ *
+ * @param  {DisplayObjectContainer} display_object_container
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = (display_object_container) => {
+    // 1フレーム目の実行準備
+    displayObjectContainerPrepareUseCase(display_object_container);
+    // サウンドの実行
+    stageExecuteFrameSoundsService();
+    // フレームアクションを実行
+    stageExecuteFrameActionsService();
+};

package/src/Stage/usecase/StageTickerUseCase.d.ts

@@ -0,0 +1,9 @@
+/**
+ * @description ステージに配置されたDisplayObjectの定期処理
+ *              Regular processing of DisplayObjects placed on the Stage
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: () => void;

package/src/Stage/usecase/StageTickerUseCase.js

@@ -0,0 +1,20 @@
+import { stage } from "../../Stage";
+import { execute as displayObjectContainerAdvanceFrameUseCase } from "../../DisplayObjectContainer/usecase/DisplayObjectContainerAdvanceFrameUseCase";
+import { execute as stageExecuteFrameActionsService } from "../service/StageExecuteFrameActionsService";
+import { execute as stageExecuteFrameSoundsService } from "../service/StageExecuteFrameSoundsService";
+/**
+ * @description ステージに配置されたDisplayObjectの定期処理
+ *              Regular processing of DisplayObjects placed on the Stage
+ *
+ * @return {void}
+ * @method
+ * @protected
+ */
+export const execute = () => {
+    // フレーム移動処理
+    displayObjectContainerAdvanceFrameUseCase(stage);
+    // 各フレームのサウンドを再生
+    stageExecuteFrameSoundsService();
+    // 各フレームのアクションを実行
+    stageExecuteFrameActionsService();
+};

package/src/Stage.d.ts

@@ -0,0 +1,161 @@
+import type { DisplayObject } from "./DisplayObject";
+import type { IPlayerHitObject } from "./interface/IPlayerHitObject";
+import type { Point } from "@next2d/geom";
+import { DisplayObjectContainer } from "./DisplayObjectContainer";
+/**
+ * @description Stage クラスはメイン描画領域を表します。
+ *              The Stage class represents the main drawing area.
+ *
+ * @class
+ * @memberOf next2d.display
+ * @extends  DisplayObjectContainer
+ */
+export declare class Stage extends DisplayObjectContainer {
+    /**
+     * @description 初期起動の準備完了したかどうか
+     *              Whether the initial startup is ready
+     *
+     * @type {boolean}
+     * @default false
+     * @private
+     */
+    private _$ready;
+    /**
+     * @description ステージ幅
+     *              Stage width
+     *
+     * @type {number}
+     * @public
+     */
+    stageWidth: number;
+    /**
+     * @description ステージ高さ
+     *              Stage height
+     *
+     * @type {number}
+     * @public
+     */
+    stageHeight: number;
+    /**
+     * @description フレームレート
+     *              Frame rate
+     *
+     * @type {number}
+     * @public
+     */
+    frameRate: number;
+    /**
+     * @description devicePixelRatioを含んだcanvasの描画領域の拡大率
+     *              The magnification of the drawing area of the canvas including devicePixelRatio
+     *
+     * @member {number}
+     * @default 1
+     * @public
+     */
+    rendererScale: number;
+    /**
+     * @description devicePixelRatioを含んだcanvasの描画領域の幅
+     *              The width of the drawing area of the canvas including devicePixelRatio
+     *
+     * @member {number}
+     * @default 0
+     * @public
+     */
+    rendererWidth: number;
+    /**
+     * @description devicePixelRatioを含んだcanvasの描画領域の高さ
+     *              The height of the drawing area of the canvas including devicePixelRatio
+     *
+     * @member {number}
+     * @default 0
+     * @public
+     */
+    rendererHeight: number;
+    /**
+     * @description 背景色
+     *              Background color
+     *
+     * @type {number}
+     * @public
+     */
+    private _$backgroundColor;
+    /**
+     * @constructor
+     * @public
+     */
+    constructor();
+    /**
+     * @description 背景色
+     *              Background color
+     *
+     * @member {number}
+     * @public
+     */
+    get backgroundColor(): number;
+    set backgroundColor(color: string);
+    /**
+     * @description ポインターの最終座標
+     *              The final coordinates of the pointer
+     *
+     * @type {Point}
+     * @readonly
+     * @public
+     */
+    get pointer(): Point;
+    /**
+     * @description 初期起動の準備完了したかどうか
+     *              Whether the initial startup is ready
+     *
+     * @type {boolean}
+     * @writeonly
+     * @public
+     */
+    set ready(ready: boolean);
+    /**
+     * @description Stage に追加した DisplayObject は rootとして rootMap に追加
+     *              DisplayObject added to Stage is added to rootMap as root
+     *
+     * @param  {DisplayObject} display_object
+     * @return {DisplayObject}
+     * @method
+     * @public
+     */
+    addChild<T extends DisplayObject>(display_object: T): T;
+    /**
+     * @description Stage に追加した DisplayObject の定期処理、描画処理を実行
+     *              Execute regular processing and drawing processing of DisplayObject added to Stage
+     *
+     * @return {void}
+     * @method
+     * @protected
+     */
+    $ticker(): void;
+    /**
+     * @description renderer workerに渡す描画データを生成
+     *              Generate drawing data to pass to the renderer worker
+     *
+     * @param  {ImageBitmap[]} image_bitmaps
+     * @param  {Float32Array} matrix
+     * @return {void}
+     * @method
+     * @protected
+     */
+    $generateRenderQueue<D extends DisplayObject>(display_object: D, image_bitmaps: ImageBitmap[], matrix: Float32Array, color_transform: Float32Array): void;
+    /**
+     * @description タップポイントの当たり判定
+     *              Hit test of tap point
+     *
+     * @param  {CanvasRenderingContext2D} hit_context
+     * @param  {Float32Array} matrix
+     * @param  {IPlayerHitObject} hit_object
+     * @return {void}
+     * @method
+     * @protected
+     */
+    $mouseHit(hit_context: CanvasRenderingContext2D, matrix: Float32Array, hit_object: IPlayerHitObject): void;
+}
+/**
+ * @type {Stage}
+ * @public
+ */
+export declare const stage: Stage;

package/src/Stage.js

@@ -0,0 +1,240 @@
+import { DisplayObjectContainer } from "./DisplayObjectContainer";
+import { execute as stageReadyUseCase } from "./Stage/usecase/StageReadyUseCase";
+import { execute as stageGenerateRenderQueueUseCase } from "./Stage/usecase/StageGenerateRenderQueueUseCase";
+import { execute as stageTickerUseCase } from "./Stage/usecase/StageTickerUseCase";
+import { execute as displayObjectContainerMouseHitUseCase } from "./DisplayObjectContainer/usecase/DisplayObjectContainerMouseHitUseCase";
+import { $pointer, $rootMap, $stageAssignedMap } from "./DisplayObjectUtil";
+/**
+ * @description Stage クラスはメイン描画領域を表します。
+ *              The Stage class represents the main drawing area.
+ *
+ * @class
+ * @memberOf next2d.display
+ * @extends  DisplayObjectContainer
+ */
+export class Stage extends DisplayObjectContainer {
+    /**
+     * @constructor
+     * @public
+     */
+    constructor() {
+        super();
+        /**
+         * @description 初期起動の準備完了したかどうか
+         *              Whether the initial startup is ready
+         *
+         * @type {boolean}
+         * @default false
+         * @private
+         */
+        Object.defineProperty(this, "_$ready", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**
+         * @description ステージ幅
+         *              Stage width
+         *
+         * @type {number}
+         * @public
+         */
+        Object.defineProperty(this, "stageWidth", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**
+         * @description ステージ高さ
+         *              Stage height
+         *
+         * @type {number}
+         * @public
+         */
+        Object.defineProperty(this, "stageHeight", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**
+         * @description フレームレート
+         *              Frame rate
+         *
+         * @type {number}
+         * @public
+         */
+        Object.defineProperty(this, "frameRate", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**
+         * @description devicePixelRatioを含んだcanvasの描画領域の拡大率
+         *              The magnification of the drawing area of the canvas including devicePixelRatio
+         *
+         * @member {number}
+         * @default 1
+         * @public
+         */
+        Object.defineProperty(this, "rendererScale", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**
+         * @description devicePixelRatioを含んだcanvasの描画領域の幅
+         *              The width of the drawing area of the canvas including devicePixelRatio
+         *
+         * @member {number}
+         * @default 0
+         * @public
+         */
+        Object.defineProperty(this, "rendererWidth", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**
+         * @description devicePixelRatioを含んだcanvasの描画領域の高さ
+         *              The height of the drawing area of the canvas including devicePixelRatio
+         *
+         * @member {number}
+         * @default 0
+         * @public
+         */
+        Object.defineProperty(this, "rendererHeight", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**
+         * @description 背景色
+         *              Background color
+         *
+         * @type {number}
+         * @public
+         */
+        Object.defineProperty(this, "_$backgroundColor", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.stageWidth = 0;
+        this.stageHeight = 0;
+        this.frameRate = 1;
+        this.rendererScale = 1;
+        this.rendererWidth = 0;
+        this.rendererHeight = 0;
+        // private
+        this._$ready = false;
+        this._$backgroundColor = -1;
+    }
+    /**
+     * @description 背景色
+     *              Background color
+     *
+     * @member {number}
+     * @public
+     */
+    get backgroundColor() {
+        return this._$backgroundColor;
+    }
+    set backgroundColor(color) {
+        this._$backgroundColor = color === "transparent"
+            ? -1
+            : parseInt(color.replace("#", ""), 16);
+    }
+    /**
+     * @description ポインターの最終座標
+     *              The final coordinates of the pointer
+     *
+     * @type {Point}
+     * @readonly
+     * @public
+     */
+    get pointer() {
+        return $pointer;
+    }
+    /**
+     * @description 初期起動の準備完了したかどうか
+     *              Whether the initial startup is ready
+     *
+     * @type {boolean}
+     * @writeonly
+     * @public
+     */
+    set ready(ready) {
+        if (!ready || this._$ready) {
+            return;
+        }
+        this._$ready = ready;
+        // Stage の起動準備完了のUseCase
+        stageReadyUseCase(this);
+    }
+    /**
+     * @description Stage に追加した DisplayObject は rootとして rootMap に追加
+     *              DisplayObject added to Stage is added to rootMap as root
+     *
+     * @param  {DisplayObject} display_object
+     * @return {DisplayObject}
+     * @method
+     * @public
+     */
+    addChild(display_object) {
+        $rootMap.set(display_object, display_object);
+        $stageAssignedMap.add(display_object.instanceId);
+        return super.addChild(display_object);
+    }
+    /**
+     * @description Stage に追加した DisplayObject の定期処理、描画処理を実行
+     *              Execute regular processing and drawing processing of DisplayObject added to Stage
+     *
+     * @return {void}
+     * @method
+     * @protected
+     */
+    $ticker() {
+        stageTickerUseCase();
+    }
+    /**
+     * @description renderer workerに渡す描画データを生成
+     *              Generate drawing data to pass to the renderer worker
+     *
+     * @param  {ImageBitmap[]} image_bitmaps
+     * @param  {Float32Array} matrix
+     * @return {void}
+     * @method
+     * @protected
+     */
+    $generateRenderQueue(display_object, image_bitmaps, matrix, color_transform) {
+        stageGenerateRenderQueueUseCase(display_object, image_bitmaps, matrix, color_transform, this.rendererWidth, this.rendererHeight, -matrix[4], -matrix[5]);
+    }
+    /**
+     * @description タップポイントの当たり判定
+     *              Hit test of tap point
+     *
+     * @param  {CanvasRenderingContext2D} hit_context
+     * @param  {Float32Array} matrix
+     * @param  {IPlayerHitObject} hit_object
+     * @return {void}
+     * @method
+     * @protected
+     */
+    $mouseHit(hit_context, matrix, hit_object) {
+        displayObjectContainerMouseHitUseCase(this, hit_context, matrix, hit_object, true);
+    }
+}
+/**
+ * @type {Stage}
+ * @public
+ */
+export const stage = new Stage();
+$stageAssignedMap.add(stage.instanceId);

package/src/TextField/service/TextFieldGetRawBoundsService.d.ts

@@ -0,0 +1,10 @@
+import type { TextField } from "@next2d/text";
+/**
+ * @description TextFieldのローカルバウンディングボックスを取得します。
+ *              Get the local bounding box of the TextField.
+ *
+ * @param  {TextField} text_field
+ * @return {Float32Array}
+ * @protected
+ */
+export declare const execute: (text_field: TextField) => Float32Array;

package/src/TextField/service/TextFieldGetRawBoundsService.js

@@ -0,0 +1,12 @@
+import { $getBoundsArray } from "../../DisplayObjectUtil";
+/**
+ * @description TextFieldのローカルバウンディングボックスを取得します。
+ *              Get the local bounding box of the TextField.
+ *
+ * @param  {TextField} text_field
+ * @return {Float32Array}
+ * @protected
+ */
+export const execute = (text_field) => {
+    return $getBoundsArray(text_field.xMin, text_field.yMin, text_field.xMax, text_field.yMax);
+};

package/src/TextField/usecase/TextFieldCalcBoundsMatrixUseCase.d.ts

@@ -0,0 +1,12 @@
+import type { TextField } from "@next2d/text";
+/**
+ * @description TextFieldの描画範囲を計算します。
+ *              Calculate the drawing area of Shape.
+ *
+ * @param  {TextField} text_field
+ * @param  {Float32Array | null} [matrix=null]
+ * @return {Float32Array}
+ * @method
+ * @protected
+ */
+export declare const execute: (text_field: TextField, matrix?: Float32Array | null) => Float32Array;

package/src/TextField/usecase/TextFieldCalcBoundsMatrixUseCase.js

@@ -0,0 +1,30 @@
+import { Matrix } from "@next2d/geom";
+import { execute as displayObjectCalcBoundsMatrixService } from "../../DisplayObject/service/DisplayObjectCalcBoundsMatrixService";
+import { execute as textFieldGetRawBoundsService } from "../service/TextFieldGetRawBoundsService";
+import { execute as displayObjectGetRawMatrixUseCase } from "../../DisplayObject/usecase/DisplayObjectGetRawMatrixUseCase";
+import { $poolBoundsArray } from "../../DisplayObjectUtil";
+/**
+ * @description TextFieldの描画範囲を計算します。
+ *              Calculate the drawing area of Shape.
+ *
+ * @param  {TextField} text_field
+ * @param  {Float32Array | null} [matrix=null]
+ * @return {Float32Array}
+ * @method
+ * @protected
+ */
+export const execute = (text_field, matrix = null) => {
+    const rawBounds = textFieldGetRawBoundsService(text_field);
+    const rawMatrix = displayObjectGetRawMatrixUseCase(text_field);
+    if (!rawMatrix) {
+        if (matrix) {
+            const calcBounds = displayObjectCalcBoundsMatrixService(rawBounds[0], rawBounds[1], rawBounds[2], rawBounds[3], matrix);
+            $poolBoundsArray(rawBounds);
+            return calcBounds;
+        }
+        return rawBounds;
+    }
+    const calcBounds = displayObjectCalcBoundsMatrixService(rawBounds[0], rawBounds[1], rawBounds[2], rawBounds[3], matrix ? Matrix.multiply(matrix, rawMatrix) : rawMatrix);
+    $poolBoundsArray(rawBounds);
+    return calcBounds;
+};

package/src/TextField/usecase/TextFieldGenerateRenderQueueUseCase.d.ts

@@ -0,0 +1,17 @@
+import type { TextField } from "@next2d/text";
+/**
+ * @description renderer workerに渡すTextFieldの描画データを生成
+ *              Generate drawing data of TextField to pass to renderer
+ *
+ * @param  {TextField} text_field
+ * @param  {Float32Array} matrix
+ * @param  {Float32Array} color_transform
+ * @param  {number} renderer_width
+ * @param  {number} renderer_height
+ * @param  {number} point_x
+ * @param  {number} point_y
+ * @return {void}
+ * @method
+ * @protected
+ */
+export declare const execute: (text_field: TextField, matrix: Float32Array, color_transform: Float32Array, renderer_width: number, renderer_height: number, point_x: number, point_y: number) => void;