@next2d/player 1.14.7 → 1.14.9

package/dist/player/packages/UI.js

@@ -0,0 +1,16 @@
+import { Easing } from "../next2d/ui/Easing";
+import { Job } from "../next2d/ui/Job";
+import { Tween } from "../next2d/ui/Tween";
+const ui = {
+    Easing,
+    Job,
+    Tween
+};
+Object.entries(ui).forEach(([key, UIClass]) => {
+    Object.defineProperty(ui, key, {
+        get() {
+            return UIClass;
+        }
+    });
+});
+export { ui };

package/dist/player/player/Next2D.d.ts

@@ -0,0 +1,71 @@
+import { Player } from "./Player";
+import { Sprite } from "../next2d/display/Sprite";
+import type { PlayerOptionsImpl } from "../../interface/PlayerOptionsImpl";
+import type { DisplayImpl } from "../../interface/DisplayImpl";
+import type { EventsImpl } from "../../interface/EventsImpl";
+import type { FiltersImpl } from "../../interface/FiltersImpl";
+import type { GeomImpl } from "../../interface/GeomImpl";
+import type { MediaImpl } from "../../interface/MediaImpl";
+import type { NetImpl } from "../../interface/NetImpl";
+import type { TextImpl } from "../../interface/TextImpl";
+import type { UIImpl } from "../../interface/UIImpl";
+/**
+ * playerの起動管理クラス
+ * player startup management class
+ * @class
+ */
+export declare class Next2D {
+    private readonly _$player;
+    readonly display: DisplayImpl;
+    readonly events: EventsImpl;
+    readonly filters: FiltersImpl;
+    readonly geom: GeomImpl;
+    readonly media: MediaImpl;
+    readonly net: NetImpl;
+    readonly text: TextImpl;
+    readonly ui: UIImpl;
+    fw: any;
+    private readonly _$promises;
+    /**
+     * @constructor
+     * @public
+     */
+    constructor(promises: Promise<void>[]);
+    /**
+     * @member {Player}
+     * @readonly
+     * @return {Player}
+     */
+    get player(): Player;
+    /**
+     * @description 指定したURLのJSONファイルを読み込みます。
+     *              Reads the JSON file at the specified URL.
+     *
+     * @param  {string} url JSONファイルのURL
+     *                      URL of the JSON file
+     *
+     * @param  {object} [options=null] {number} width = Stageの幅 | Stage width
+     *                                 {number} height = Stageの高さ | Stage height
+     *                                 {string} [tagId=null] canvasを追加対象のDOMのID | ID of the DOM to which the canvas is added
+     *                                 {string} [base="/"] Loaderが読み込む際の絶対パス | Absolute path for Loader to load.
+     *                                 {number|string|boolean} [bgColor=null] 背景色 | background color
+     *
+     * @return {void}
+     * @method
+     * @public
+     */
+    load(url: string, options: PlayerOptionsImpl): void;
+    /**
+     * @description 指定したサイズのplayerを設定して、rootのMovieClipを作成
+     *              Create a root MovieClip with the specified size player set
+     *
+     * @param  {number} [width=240]
+     * @param  {number} [height=240]
+     * @param  {number} [fps=24]
+     * @param  {object} [options=null]
+     * @return {Sprite}
+     * @method
+     * @public
+     */
+    createRootMovieClip(width?: number, height?: number, fps?: number, options?: PlayerOptionsImpl | null): Promise<Sprite>;
+}

package/dist/player/player/Next2D.js

@@ -0,0 +1,206 @@
+import { events } from "../packages/Events";
+import { display } from "../packages/Display";
+import { filters } from "../packages/Filters";
+import { geom } from "../packages/Geom";
+import { media } from "../packages/Media";
+import { net } from "../packages/Net";
+import { text } from "../packages/Text";
+import { ui } from "../packages/UI";
+import { Player } from "./Player";
+import { Loader } from "../next2d/display/Loader";
+import { Sprite } from "../next2d/display/Sprite";
+import { Event } from "../next2d/events/Event";
+import { IOErrorEvent } from "../next2d/events/IOErrorEvent";
+import { URLRequest } from "../next2d/net/URLRequest";
+import { $clamp, $poolArray } from "../util/RenderUtil";
+/**
+ * playerの起動管理クラス
+ * player startup management class
+ * @class
+ */
+export class Next2D {
+    _$player;
+    display;
+    events;
+    filters;
+    geom;
+    media;
+    net;
+    text;
+    ui;
+    fw;
+    _$promises;
+    /**
+     * @constructor
+     * @public
+     */
+    constructor(promises) {
+        /**
+         * @type {array}
+         * @private
+         */
+        this._$promises = promises;
+        /**
+         * @type {Player}
+         * @private
+         */
+        this._$player = new Player();
+        /**
+         * @type {DisplayImpl}
+         * @public
+         */
+        this.display = display;
+        /**
+         * @type {EventsImpl}
+         * @public
+         */
+        this.events = events;
+        /**
+         * @type {FiltersImpl}
+         * @public
+         */
+        this.filters = filters;
+        /**
+         * @type {GeomImpl}
+         * @public
+         */
+        this.geom = geom;
+        /**
+         * @type {MediaImpl}
+         * @public
+         */
+        this.media = media;
+        /**
+         * @type {NetImpl}
+         * @public
+         */
+        this.net = net;
+        /**
+         * @type {TextImpl}
+         * @public
+         */
+        this.text = text;
+        /**
+         * @type {UIImpl}
+         * @public
+         */
+        this.ui = ui;
+        /**
+         * @type {object}
+         * @default null
+         * @public
+         */
+        this.fw = null;
+    }
+    /**
+     * @member {Player}
+     * @readonly
+     * @return {Player}
+     */
+    get player() {
+        return this._$player;
+    }
+    /**
+     * @description 指定したURLのJSONファイルを読み込みます。
+     *              Reads the JSON file at the specified URL.
+     *
+     * @param  {string} url JSONファイルのURL
+     *                      URL of the JSON file
+     *
+     * @param  {object} [options=null] {number} width = Stageの幅 | Stage width
+     *                                 {number} height = Stageの高さ | Stage height
+     *                                 {string} [tagId=null] canvasを追加対象のDOMのID | ID of the DOM to which the canvas is added
+     *                                 {string} [base="/"] Loaderが読み込む際の絶対パス | Absolute path for Loader to load.
+     *                                 {number|string|boolean} [bgColor=null] 背景色 | background color
+     *
+     * @return {void}
+     * @method
+     * @public
+     */
+    load(url, options) {
+        Promise
+            .all(this._$promises)
+            .then(() => {
+            $poolArray(this._$promises);
+            if (url === "develop") {
+                const path = location
+                    .search
+                    .slice(1)
+                    .split("&")[0];
+                if (!path) {
+                    return;
+                }
+                url = `${location.origin}/${path}`;
+            }
+            if (!url) {
+                return;
+            }
+            if (url.charAt(1) === "/") {
+                url = url.slice(1);
+            }
+            // base set
+            if ((!options || !("base" in options)) && url.indexOf("//") > -1) {
+                this._$player.base = url;
+            }
+            this._$player.setOptions(options);
+            this._$player._$initialize();
+            const loader = new Loader();
+            const loaderInfo = loader.contentLoaderInfo;
+            loaderInfo.addEventListener(IOErrorEvent.IO_ERROR, (event) => {
+                if (event.target) {
+                    event.target.removeEventListener(IOErrorEvent.IO_ERROR, event.listener);
+                }
+                alert("Error: " + event.text);
+            });
+            loaderInfo.addEventListener(Event.COMPLETE, (event) => {
+                const loaderInfo = event.target;
+                const player = this._$player;
+                loaderInfo
+                    .removeEventListener(Event.COMPLETE, event.listener);
+                if (loaderInfo._$data) {
+                    const stage = loaderInfo._$data.stage;
+                    player.bgColor = stage.bgColor;
+                    player._$setBackgroundColor(stage.bgColor);
+                    player.stage.addChild(loaderInfo.content);
+                    player.width = stage.width;
+                    player.height = stage.height;
+                    // set fps fixed logic
+                    player.stage._$frameRate = $clamp(+stage.fps, 1, 60, 60);
+                }
+                player._$resize();
+            });
+            loader.load(new URLRequest(url));
+        });
+    }
+    /**
+     * @description 指定したサイズのplayerを設定して、rootのMovieClipを作成
+     *              Create a root MovieClip with the specified size player set
+     *
+     * @param  {number} [width=240]
+     * @param  {number} [height=240]
+     * @param  {number} [fps=24]
+     * @param  {object} [options=null]
+     * @return {Sprite}
+     * @method
+     * @public
+     */
+    createRootMovieClip(width = 240, height = 240, fps = 24, options = null) {
+        return Promise
+            .all(this._$promises)
+            .then(() => {
+            $poolArray(this._$promises);
+            const player = this._$player;
+            // setup
+            player.width = width | 0;
+            player.height = height | 0;
+            player.mode = "create";
+            player.stage._$frameRate = fps | 0;
+            player.setOptions(options);
+            player._$initialize();
+            const root = player.stage.addChild(new Sprite());
+            player._$loadStatus = Player.LOAD_END;
+            player.play();
+            return Promise.resolve(root);
+        });
+    }
+}

package/dist/player/player/Player.d.ts

@@ -0,0 +1,334 @@
+import { Stage } from "../next2d/display/Stage";
+import { CacheStore } from "../util/CacheStore";
+import { Event as Next2DEvent } from "../next2d/events/Event";
+import { Video } from "../next2d/media/Video";
+import { Sound } from "../next2d/media/Sound";
+import { CanvasToWebGLContext } from "../../webgl/CanvasToWebGLContext";
+import type { PlayerOptionsImpl } from "../../interface/PlayerOptionsImpl";
+import type { PlayerModeImpl } from "../../interface/PlayerModeImpl";
+import type { AttachmentImpl } from "../../interface/AttachmentImpl";
+import type { EventListenerImpl } from "../../interface/EventListenerImpl";
+import type { EventDispatcherImpl } from "../../interface/EventDispatcherImpl";
+import type { MovieClip } from "../next2d/display/MovieClip";
+/**
+ * 描画のイベントや設定やコントロールの管理クラス
+ * Management classes for drawing events, settings and controls
+ *
+ * @class
+ */
+export declare class Player {
+    private readonly _$stage;
+    private readonly _$cacheStore;
+    private _$mode;
+    _$actionOffset: number;
+    _$actions: MovieClip[];
+    _$loaders: EventDispatcherImpl<any>[];
+    _$sounds: Map<any, MovieClip>;
+    private _$context;
+    private readonly _$hitObject;
+    private _$rollOverObject;
+    private _$mouseOverTarget;
+    private readonly _$ratio;
+    _$stopFlag: boolean;
+    private _$startTime;
+    private _$fps;
+    private _$isLoad;
+    _$loadStatus: number;
+    _$width: number;
+    _$height: number;
+    private _$baseWidth;
+    private _$baseHeight;
+    _$scale: number;
+    private readonly _$matrix;
+    private _$tx;
+    private _$ty;
+    _$state: "up" | "down";
+    private _$hitTestStart;
+    private _$stageX;
+    private _$stageY;
+    private readonly _$broadcastEvents;
+    private _$optionWidth;
+    private _$optionHeight;
+    private _$tagId;
+    private _$bgColor;
+    private _$base;
+    readonly _$videos: Video[];
+    readonly _$sources: Sound[];
+    private _$fullScreen;
+    private readonly _$quality;
+    private _$textField;
+    private _$touchY;
+    private _$timerId;
+    private _$loadId;
+    _$attachment: AttachmentImpl | null;
+    private readonly _$canvas;
+    private _$deltaX;
+    private _$deltaY;
+    private _$clickTarget;
+    private _$actionProcess;
+    /**
+     * @constructor
+     * @public
+     */
+    constructor();
+    /**
+     * @return  {number}
+     * @default 1
+     * @const
+     * @static
+     */
+    static get LOAD_START(): number;
+    /**
+     * @return {number}
+     * @default 2
+     * @const
+     * @static
+     */
+    static get LOAD_END(): number;
+    /**
+     * @type {HTMLCanvasElement}
+     * @readonly
+     * @public
+     */
+    get canvas(): HTMLCanvasElement;
+    /**
+     * @return {Map}
+     * @readonly
+     * @public
+     */
+    get broadcastEvents(): Map<string, EventListenerImpl[]>;
+    /**
+     * @member {CacheStore}
+     * @return {CacheStore}
+     * @readonly
+     * @public
+     */
+    get cacheStore(): CacheStore;
+    /**
+     * @member {CanvasToWebGLContext|null}
+     * @default null
+     * @public
+     */
+    get context(): CanvasToWebGLContext | null;
+    set context(context: CanvasToWebGLContext | null);
+    /**
+     * @member {string}
+     * @default ""
+     * @public
+     */
+    get base(): string;
+    set base(base: string);
+    /**
+     * @return {Stage}
+     * @readonly
+     * @public
+     */
+    get stage(): Stage;
+    /**
+     * @member {number}
+     * @readonly
+     * @public
+     */
+    get x(): number;
+    /**
+     * @member {number}
+     * @readonly
+     * @public
+     */
+    get y(): number;
+    /**
+     * @member {number}
+     * @readonly
+     * @public
+     */
+    get scaleX(): number;
+    /**
+     * @member {number}
+     * @readonly
+     * @public
+     */
+    get scaleY(): number;
+    /**
+     * @member {string}
+     * @public
+     */
+    get mode(): PlayerModeImpl;
+    set mode(mode: PlayerModeImpl);
+    /**
+     * @return {string}
+     * @readonly
+     * @public
+     */
+    get contentElementId(): string;
+    /**
+     * @member {number}
+     * @public
+     */
+    get width(): number;
+    set width(width: number);
+    /**
+     * @member {number}
+     * @public
+     */
+    get height(): number;
+    set height(height: number);
+    /**
+     * @member {string}
+     * @public
+     */
+    get bgColor(): string;
+    set bgColor(bg_color: string);
+    /**
+     * @return {void}
+     * @method
+     * @public
+     */
+    play(): void;
+    /**
+     * @return {void}
+     * @method
+     * @public
+     */
+    stop(): void;
+    /**
+     * @param  {string} id
+     * @return {void}
+     * @method
+     * @public
+     */
+    removeCache(id: string): void;
+    /**
+     * @param  {object} [options=null]
+     * @return {void}
+     * @public
+     */
+    setOptions(options?: PlayerOptionsImpl | null): void;
+    /**
+     * @description NoCode Toolからのアクセスのみ
+     *              Access from NoCode Tool only
+     *
+     * @param  {MouseEvent} [event = null]
+     * @return {void}
+     * @method
+     * @private
+     */
+    _$loadWebAudio(event?: MouseEvent | null): void;
+    /**
+     * @return {void}
+     * @method
+     * @private
+     */
+    _$updateLoadStatus(): void;
+    /**
+     * @return {void}
+     * @method
+     * @private
+     */
+    _$loaded(): void;
+    /**
+     * @return {void}
+     * @method
+     * @private
+     */
+    _$initialize(): void;
+    /**
+     * @param   {object} element
+     * @returns {void}
+     * @method
+     * @private
+     */
+    _$initStyle(element: HTMLElement): void;
+    /**
+     * @return {void}
+     * @method
+     * @private
+     */
+    _$buildWait(): void;
+    /**
+     * @returns {void}
+     * @method
+     * @private
+     */
+    _$deleteNode(): void;
+    /**
+     * @return {void}
+     * @private
+     */
+    _$initializeCanvas(): void;
+    /**
+     * @return {void}
+     * @method
+     * @private
+     */
+    _$resize(): void;
+    /**
+     * @description 表示用のcanvasを更新
+     *              Update canvas for display
+     *
+     * @param  {string} [background_color=transparent]
+     * @return {void}
+     * @method
+     * @public
+     */
+    _$setBackgroundColor(background_color?: string): void;
+    /**
+     * @param  {number} width
+     * @param  {number} height
+     * @param  {number} scale
+     * @param  {number} [tx = 0]
+     * @param  {number} [ty = 0]
+     * @return {void}
+     * @method
+     * @private
+     */
+    _$resizeCanvas(width: number, height: number, scale: number, tx?: number, ty?: number): void;
+    /**
+     * @return {number}
+     * @method
+     * @private
+     */
+    _$getSamples(): number;
+    /**
+     * @param  {Event} event
+     * @return {boolean}
+     * @method
+     * @private
+     */
+    _$dispatchEvent(event: Next2DEvent): boolean;
+    /**
+     * @param  {number} timestamp
+     * @return {void}
+     * @method
+     * @private
+     */
+    _$run(timestamp?: number): void;
+    /**
+     * @return {void}
+     * @method
+     * @private
+     */
+    _$pointerCheck(): void;
+    /**
+     * @return {void}
+     * @method
+     * @private
+     */
+    _$action(): void;
+    /**
+     * @returns void
+     * @private
+     */
+    _$draw(): void;
+    /**
+     * @return {void}
+     * @method
+     * @private
+     */
+    _$doAction(): void;
+    /**
+     * @return {void}
+     * @method
+     * @private
+     */
+    _$hitTest(): void;
+}