@next2d/core 1.18.11 → 2.0.0

package/src/Player.js

@@ -0,0 +1,314 @@
+import { $cacheStore } from "@next2d/cache";
+import { stage } from "@next2d/display";
+import { $rendererWorker } from "./RendererWorker";
+import { execute as playerResizeEventService } from "./Player/usecase/PlayerResizeEventUseCase";
+import { execute as playerPlayUseCase } from "./Player/usecase/PlayerPlayUseCase";
+import { execute as playerStopService } from "./Player/service/PlayerStopService";
+import { execute as playerRegisterEventUseCase } from "./Player/usecase/PlayerRegisterEventUseCase";
+/**
+ * @description Next2Dの描画、イベント、設定、コントロールの管理クラスです。
+ *              This class manages Next2D drawings, events, settings, and controls.
+ *
+ * @class
+ * @public
+ */
+class Player {
+    /**
+     * @constructor
+     * @public
+     */
+    constructor() {
+        /**
+         * @description devicePixelRatioを含んだcanvasの描画領域の幅
+         *              The width of the drawing area of the canvas including devicePixelRatio
+         *
+         * @type {number}
+         * @default 0
+         * @private
+         */
+        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
+         *
+         * @type {number}
+         * @default 0
+         * @private
+         */
+        Object.defineProperty(this, "rendererHeight", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**
+         * @description メインのdiv elementの幅
+         *              Width of the main div element
+         *
+         * @type {number}
+         * @default 0
+         * @public
+         */
+        Object.defineProperty(this, "screenWidth", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**
+         * @description メインのdiv elementの高さ
+         *              Height of the main div element
+         *
+         * @type {number}
+         * @default 0
+         * @public
+         */
+        Object.defineProperty(this, "screenHeight", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**
+         * @description devicePixelRatioを含んだcanvasの描画領域の拡大率
+         *              The magnification of the drawing area of the canvas including devicePixelRatio
+         *
+         * @type {number}
+         * @default 1
+         * @private
+         */
+        Object.defineProperty(this, "rendererScale", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**
+         * @description optionで指定された描画領域の固定幅、optionで指定されない場合は0
+         *              The fixed width of the drawing area specified by the option, 0 if not specified by the option
+         *
+         * @type {number}
+         * @default 0
+         * @public
+         */
+        Object.defineProperty(this, "fixedWidth", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**
+         * @description optionで指定された描画領域の固定高さ、optionで指定されない場合は0
+         *              The fixed height of the drawing area specified by the option, 0 if not specified by the option
+         *
+         * @type {number}
+         * @default 0
+         * @public
+         */
+        Object.defineProperty(this, "fixedHeight", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**
+         * @description Playerの停止フラグ
+         *              Player stop flag
+         *
+         * @type {boolean}
+         * @default true
+         * @private
+         */
+        Object.defineProperty(this, "stopFlag", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**
+         * @description Playerの描画開始時間
+         *              Player drawing start time
+         *
+         * @type {number}
+         * @default 0
+         * @private
+         */
+        Object.defineProperty(this, "startTime", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**
+         * @description PlayerのFPS
+         *              Player FPS
+         *
+         * @type {number}
+         * @default 16
+         * @private
+         */
+        Object.defineProperty(this, "fps", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**
+         * @description optionで指定されたcanvasのID、optionで指定されない場合は空文字
+         *              The ID of the canvas specified by the option, an empty string if not specified by the option
+         *
+         * @type {string}
+         * @default ""
+         * @private
+         */
+        Object.defineProperty(this, "tagId", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**
+         * @description フルスクリーンモードの設定
+         *              Full screen mode setting
+         *
+         * @type {boolean}
+         * @default false
+         * @private
+         */
+        Object.defineProperty(this, "_$fullScreen", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**
+         * @description Playerの描画処理関数のタイマーID
+         *              Timer ID of the drawing process function of Player
+         *
+         * @type {number}
+         * @default -1
+         * @private
+         */
+        Object.defineProperty(this, "timerId", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**
+         * @description マウスの状態
+         *             Mouse state
+         *
+         * @type {"up" | "down"}
+         * @default "up"
+         * @public
+         */
+        Object.defineProperty(this, "mouseState", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this.rendererWidth = 0;
+        this.rendererHeight = 0;
+        this.rendererScale = 1;
+        this.screenWidth = 0;
+        this.screenHeight = 0;
+        this.stopFlag = true;
+        this.startTime = 0;
+        this.fps = 16;
+        this.timerId = -1;
+        this.mouseState = "up";
+        // options
+        this.fixedWidth = 0;
+        this.fixedHeight = 0;
+        this.tagId = "";
+        this._$fullScreen = false;
+        playerRegisterEventUseCase();
+    }
+    /**
+     * @description フルスクリーンモードの設定
+     *              Full screen mode setting
+     *
+     * @member {boolean}
+     * @default false
+     * @public
+     */
+    get fullScreen() {
+        return this._$fullScreen;
+    }
+    set fullScreen(full_screen) {
+        if (this._$fullScreen === full_screen) {
+            return;
+        }
+        this._$fullScreen = full_screen;
+        // display resize
+        playerResizeEventService();
+    }
+    /**
+     * @description Playerの描画を開始します。
+     *              Start drawing Player.
+     *
+     * @return {void}
+     * @method
+     * @public
+     */
+    play() {
+        playerPlayUseCase();
+    }
+    /**
+     * @description Playerの描画を停止します。
+     *              Stop drawing Player.
+     *
+     * @return {void}
+     * @method
+     * @public
+     */
+    stop() {
+        playerStopService();
+    }
+    /**
+     * @description Playerの描画キャッシュを全て初期化
+     *              Initialize all drawing caches of Player
+     *
+     * @return {void}
+     * @method
+     * @public
+     */
+    cacheClear() {
+        $cacheStore.reset();
+        $rendererWorker.postMessage({
+            "command": "cacheClear"
+        });
+    }
+    /**
+     * @description Playerのオプション設定を変更
+     *              Change the Player option settings
+     *
+     * @param  {object} [options=null]
+     * @return {void}
+     * @public
+     */
+    setOptions(options = null) {
+        if (!options) {
+            return;
+        }
+        this.fixedWidth = options.width || this.fixedWidth;
+        this.fixedHeight = options.height || this.fixedHeight;
+        this.tagId = options.tagId || this.tagId;
+        this._$fullScreen = !!options.fullScreen;
+        if (options.bgColor) {
+            stage.backgroundColor = options.bgColor;
+        }
+    }
+}
+/**
+ * @type {Player}
+ * @protected
+ */
+export const $player = new Player();

package/src/RendererWorker.d.ts

@@ -0,0 +1,5 @@
+/**
+ * @type {Worker}
+ * @public
+ */
+export declare const $rendererWorker: Worker;

package/src/RendererWorker.js

@@ -0,0 +1,7 @@
+// @ts-ignore
+import RendererWorker from "@next2d/renderer?worker&inline";
+/**
+ * @type {Worker}
+ * @public
+ */
+export const $rendererWorker = new RendererWorker();

package/src/Text.d.ts

@@ -0,0 +1,3 @@
+import type { IText } from "./interface/IText";
+declare const text: IText;
+export { text };

package/{dist → src}/Text.js

@@ -1,6 +1,7 @@
-import { TextFormat } from "@next2d/text";
+import { TextFormat, TextField } from "@next2d/text";
 const text = {
-    TextFormat
+    TextFormat,
+    TextField
 };
 Object.entries(text).forEach(([key, TextClass]) => {
     Object.defineProperty(text, key, {

package/src/UI.d.ts

@@ -0,0 +1,3 @@
+import type { IUI } from "./interface/IUI";
+declare const ui: IUI;
+export { ui };

package/{dist → src}/UI.js

@@ -1,7 +1,6 @@
-import { Easing, Job, Tween } from "@next2d/ui";
+import { Easing, Tween } from "@next2d/ui";
 const ui = {
     Easing,
-    Job,
     Tween
 };
 Object.entries(ui).forEach(([key, UIClass]) => {

package/{dist → src}/index.d.ts

@@ -1,2 +1,3 @@
+export * from "./Canvas";
 export * from "./Player";
 export * from "./Next2D";

package/{dist → src}/index.js

@@ -1,2 +1,3 @@
+export * from "./Canvas";
 export * from "./Player";
 export * from "./Next2D";

package/src/interface/ICaptureMessage.d.ts

@@ -0,0 +1,8 @@
+export interface ICaptureMessage {
+    command: "capture";
+    buffer: Float32Array | null;
+    width: number;
+    height: number;
+    length: number;
+    imageBitmaps: ImageBitmap[] | null;
+}

package/src/interface/ICaptureMessage.js

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

package/src/interface/ICaptureOptions.d.ts

@@ -0,0 +1,7 @@
+import type { Matrix, ColorTransform } from "@next2d/geom";
+export interface ICaptureOptions {
+    matrix?: Matrix;
+    colorTransform?: ColorTransform;
+    canvas?: HTMLCanvasElement;
+    videoSync?: boolean;
+}

package/src/interface/ICaptureOptions.js

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

package/src/interface/IDisplay.d.ts

@@ -0,0 +1,15 @@
+import type { BitmapData, BlendMode, DisplayObject, DisplayObjectContainer, FrameLabel, Graphics, InteractiveObject, Loader, MovieClip, Shape, Sprite, Stage } from "@next2d/display";
+export interface IDisplay {
+    BitmapData: typeof BitmapData;
+    BlendMode: typeof BlendMode;
+    DisplayObject: typeof DisplayObject;
+    DisplayObjectContainer: typeof DisplayObjectContainer;
+    FrameLabel: typeof FrameLabel;
+    Graphics: typeof Graphics;
+    InteractiveObject: typeof InteractiveObject;
+    Loader: typeof Loader;
+    MovieClip: typeof MovieClip;
+    Shape: typeof Shape;
+    Sprite: typeof Sprite;
+    stage: Stage;
+}

package/src/interface/IDisplay.js

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

package/src/interface/IDisplayObject.d.ts

@@ -0,0 +1,2 @@
+import type { DisplayObject } from "@next2d/display";
+export type IDisplayObject<T extends DisplayObject> = T;

package/src/interface/IDisplayObject.js

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

package/src/interface/IEvents.d.ts

@@ -0,0 +1,13 @@
+import type { Event, EventDispatcher, EventPhase, FocusEvent, HTTPStatusEvent, IOErrorEvent, PointerEvent, JobEvent, ProgressEvent, VideoEvent } from "@next2d/events";
+export interface IEvents {
+    Event: typeof Event;
+    EventDispatcher: typeof EventDispatcher;
+    EventPhase: typeof EventPhase;
+    FocusEvent: typeof FocusEvent;
+    HTTPStatusEvent: typeof HTTPStatusEvent;
+    IOErrorEvent: typeof IOErrorEvent;
+    PointerEvent: typeof PointerEvent;
+    JobEvent: typeof JobEvent;
+    ProgressEvent: typeof ProgressEvent;
+    VideoEvent: typeof VideoEvent;
+}

package/src/interface/IEvents.js

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

package/src/interface/IFilters.d.ts

@@ -0,0 +1,12 @@
+import type { BevelFilter, BlurFilter, ColorMatrixFilter, ConvolutionFilter, DisplacementMapFilter, DropShadowFilter, GlowFilter, GradientBevelFilter, GradientGlowFilter } from "@next2d/filters";
+export interface IFilters {
+    BevelFilter: typeof BevelFilter;
+    BlurFilter: typeof BlurFilter;
+    ColorMatrixFilter: typeof ColorMatrixFilter;
+    ConvolutionFilter: typeof ConvolutionFilter;
+    DisplacementMapFilter: typeof DisplacementMapFilter;
+    DropShadowFilter: typeof DropShadowFilter;
+    GlowFilter: typeof GlowFilter;
+    GradientBevelFilter: typeof GradientBevelFilter;
+    GradientGlowFilter: typeof GradientGlowFilter;
+}

package/src/interface/IFilters.js

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

package/src/interface/IGeom.d.ts

@@ -0,0 +1,7 @@
+import type { ColorTransform, Matrix, Point, Rectangle } from "@next2d/geom";
+export interface IGeom {
+    ColorTransform: typeof ColorTransform;
+    Matrix: typeof Matrix;
+    Point: typeof Point;
+    Rectangle: typeof Rectangle;
+}

package/src/interface/IGeom.js

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

package/src/interface/IMedia.d.ts

@@ -0,0 +1,7 @@
+import type { Sound, SoundMixer, SoundTransform, Video } from "@next2d/media";
+export interface IMedia {
+    Sound: typeof Sound;
+    SoundMixer: typeof SoundMixer;
+    SoundTransform: typeof SoundTransform;
+    Video: typeof Video;
+}

package/src/interface/IMedia.js

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

package/src/interface/INet.d.ts

@@ -0,0 +1,4 @@
+import type { URLRequest } from "@next2d/net";
+export interface INet {
+    URLRequest: typeof URLRequest;
+}

package/src/interface/INet.js

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

package/src/interface/IPlayerHitObject.d.ts

@@ -0,0 +1,7 @@
+import type { IDisplayObject } from "./IDisplayObject";
+export interface IPlayerHitObject {
+    x: number;
+    y: number;
+    pointer: string;
+    hit: IDisplayObject<any> | null;
+}

package/src/interface/IPlayerHitObject.js

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

package/src/interface/IPlayerOptions.d.ts

@@ -0,0 +1,7 @@
+export interface IPlayerOptions {
+    width?: number;
+    height?: number;
+    tagId?: string;
+    bgColor?: string;
+    fullScreen?: boolean;
+}

package/src/interface/IPlayerOptions.js

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

package/src/interface/IRemoveCacheMessage.d.ts

@@ -0,0 +1,4 @@
+export interface IRemoveCacheMessage {
+    command: "removeCache";
+    buffer: Float32Array | null;
+}

package/src/interface/IRemoveCacheMessage.js

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

package/src/interface/IRenderMessage.d.ts

@@ -0,0 +1,6 @@
+export interface IRenderMessage {
+    command: "render";
+    buffer: Float32Array | null;
+    length: number;
+    imageBitmaps: ImageBitmap[] | null;
+}

package/src/interface/IRenderMessage.js

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

package/src/interface/IResizeMessage.d.ts

@@ -0,0 +1,4 @@
+export interface IResizeMessage {
+    command: "resize";
+    buffer: Float32Array | null;
+}

package/src/interface/IResizeMessage.js

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

package/src/interface/IStageData.d.ts

@@ -0,0 +1,6 @@
+export interface IStageData {
+    width: number;
+    height: number;
+    fps: number;
+    bgColor: string;
+}

package/src/interface/IStageData.js

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

package/src/interface/IText.d.ts

@@ -0,0 +1,6 @@
+import type { TextFormat } from "@next2d/text";
+import type { TextField } from "@next2d/text";
+export interface IText {
+    TextFormat: typeof TextFormat;
+    TextField: typeof TextField;
+}

package/src/interface/IText.js

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

package/src/interface/IUI.d.ts

@@ -0,0 +1,5 @@
+import type { Easing, Tween } from "@next2d/ui";
+export interface IUI {
+    Easing: typeof Easing;
+    Tween: typeof Tween;
+}

package/src/interface/IUI.js

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

package/dist/Display.d.ts

@@ -1,3 +0,0 @@
-import type { DisplayImpl } from "@next2d/interface";
-declare const display: DisplayImpl;
-export { display };

package/dist/Events.d.ts

@@ -1,3 +0,0 @@
-import { EventsImpl } from "@next2d/interface";
-declare const events: EventsImpl;
-export { events };

package/dist/Filters.d.ts

@@ -1,3 +0,0 @@
-import type { FiltersImpl } from "@next2d/interface";
-declare const filters: FiltersImpl;
-export { filters };

package/dist/Geom.d.ts

@@ -1,3 +0,0 @@
-import { GeomImpl } from "@next2d/interface";
-declare const geom: GeomImpl;
-export { geom };

package/dist/Media.d.ts

@@ -1,3 +0,0 @@
-import { MediaImpl } from "@next2d/interface";
-declare const media: MediaImpl;
-export { media };

package/dist/Net.d.ts

@@ -1,3 +0,0 @@
-import { NetImpl } from "@next2d/interface";
-declare const net: NetImpl;
-export { net };