@next2d/player 1.14.15 → 1.14.17

package/README.md

@@ -1,42 +1,50 @@
 Next2D Player
 =============
-<img src="https://next2d.app/assets/img/player/logo.svg" width="200" height="200" alt="Next2D Player Logo">
+<div align="center">
+  <img src="https://next2d.app/assets/img/player/logo.svg" width="250" alt="Next2D Player">
+</div>
 
 [![UnitTest](https://github.com/Next2D/Player/actions/workflows/integration.yml/badge.svg?branch=main)](https://github.com/Next2D/Player/actions/workflows/integration.yml)
 [![CodeQL](https://github.com/Next2D/Player/actions/workflows/codeql-analysis.yml/badge.svg?branch=main)](https://github.com/Next2D/Player/actions/workflows/codeql-analysis.yml)
 [![Lint](https://github.com/Next2D/Player/actions/workflows/lint.yml/badge.svg?branch=main)](https://github.com/Next2D/Player/actions/workflows/lint.yml)
 
 [![release](https://img.shields.io/github/v/release/Next2D/Player)](https://github.com/Next2D/Player/releases)
-[![Github All Releases](https://img.shields.io/npm/dt/@next2d/player)](https://github.com/Next2D/player/releases)
+[![Github All Releases](https://img.shields.io/npm/dt/@next2d/player)](https://github.com/Next2D/Player/releases)
 [![Discord](https://badgen.net/badge/icon/discord?icon=discord&label)](https://discord.gg/6c9rv5Uns5)
 ![Twitter Follow](https://img.shields.io/twitter/follow/Next2D?style=social)
 
-[日本語](./README.ja.md) | [简体中文](./README.cn.md)
-
-## Next2D Project
-
-### Player
-Next2D Player supports WebGL and OffscreenCanvas, enabling advanced graphical expression.  
-It can also be used in game production, advertisement production, and other scenes requiring rich expressions without having to deal with browser or device compatibility.
-
-### NoCode Tool
-It is an authoring tool that runs in a Web browser and is mainly based on NoCode development. It allows users to intuitively create animations they have imagined, and the exported data can be easily uploaded to the Web and published with Player.  
-[NoCode Tool](https://tool.next2d.app)
-
-### Framework
-This framework enables scene management by URL (SPA), which has been difficult with conventional Canvas/WebGL applications, to fix development patterns and simplify readability and shareability.  
-
-Please check [@Next2D](https://twitter.com/Next2D) on Twitter and the [official website](https://next2d.app) for the latest news and technical information.  
-
+[日本語]  
+Next2D Playerは、WebGLのハードウェアアクセラレーションでグラフィックス処理負荷を軽減し、OffscreenCanvasのマルチスレッド処理で描画パフォーマンスを向上させています。  
+ベクター描画、Tweenアニメーション、テキスト、音声、動画など、さまざまな要素をサポートしているので、ゲーム制作、インタラクティブなデータビジュアライゼーション、クリエイティブなウェブアプリケーションなど、豊かな表現が必要とされるプロジェクトで活用が期待できます。  
+  
+[English]  
+Next2D Player reduces graphics processing load with WebGL hardware acceleration and improves drawing performance with OffscreenCanvas multi-threaded processing.  
+With support for vector rendering, tween animation, text, audio, video, and many other elements, Next2D Player can be used for game production, interactive data visualization, creative web applications, and other projects that require rich expression. The software is expected to be used in game production, interactive data visualization, creative web applications and other projects requiring rich expression.  
+  
+[简体中文]  
+Next2D Player通过WebGL硬件加速降低了图形处理负载，通过OffscreenCanvas多线程处理提高了绘图性能。  
+由于支持矢量绘图、Tween动画、文本、音频、视频和许多其他元素，它可用于游戏制作、交互式数据可视化、创意网络应用和其他需要丰富表达的项目。 该软件可用于需要丰富表现力的项目中。  
+  
+## Support
+[日本語]  
+最新ニュースや技術情報は、Twitterの[@Next2D](https://twitter.com/Next2D)や公式の[Website](https://next2d.app/ja/)で発信していきますので、チェックしてみてください。  
+Next2Dがお役に立つようでしたら、プロジェクトをご支援いただければ幸いです。  
+  
+[English]  
+Please check [@Next2D](https://twitter.com/Next2D) on Twitter and the [official website](https://next2d.app/en/) for the latest news and technical information.    
 If Next2D is useful to you, we hope you will support our project.  
-
+  
+[简体中文]  
+请在Twitter上查看[@Next2D](https://twitter.com/Next2D)和[官方网站](https://next2d.app/cn/)，了解最新的新闻和技术信息。  
+如果Next2D对你有用，我们希望你能支持我们的项目。  
+  
 <div align="center">
   <a href="https://github.com/sponsors/Next2D" target="_blank">
     <img src="https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub&color=%23fe8e86" width=180 alt="GitHub Sponsor" />
   </a>
 </div>
 
-## 関連サイト
+## Related Sites
 * [Website](https://next2d.app)
 * [Player API Documentation](https://next2d.app/ja/docs/player)
 * [NoCode Tool](https://tool.next2d.app)
@@ -80,6 +88,17 @@ next2d
 
 ## Option settings
 
+[日本語]  
+
+| プロパティ名       | 型       | デフォルト値        | 説明                                                                    |
+|--------------|---------|---------------|-----------------------------------------------------------------------|
+| `base`       | string  | empty         | 相対パスでJSONを取得する場合、ここで設定したURLがrootとして適用されます。絶対パスの場合はここで設定したURLは適用されません。 |
+| `fullScreen` | boolean | false         | Stageクラスで設定した幅と高さを超えて画面全体に描画されます。                                     |
+| `tagId`      | string  | empty         | IDを指定すると、指定したIDのエレメント内で描画を行います。                                       |
+| `bgColor`    | string  | "transparent" | 背景色を16進数で指定できます。デフォルトは無色透明です。                                         |
+
+[English]  
+
 | name           | type    | default       | description                                                                                                                         |
 |----------------|---------|---------------|-------------------------------------------------------------------------------------------------------------------------------------|
 | `base`         | string  | empty         | When JSON is acquired by a relative path, the URL set here is applied as root. For absolute paths, the URL set here is not applied. |
@@ -87,5 +106,15 @@ next2d
 | `tagId`        | string  | empty         | When an ID is specified, drawing is performed within the element of the specified ID.                                               |
 | `bgColor`      | string  | "transparent" | You can specify a background color in hexadecimal. The default is colorless.                                                        |
 
+[简体中文]  
+
+| 名称           | 值类型     | 默认值           | 说明                                                |
+|--------------|---------|---------------|---------------------------------------------------|
+| `base`       | string  | empty         | 当JSON是由相对路径获得的，这里设置的URL被应用为根。对于绝对路径，这里设置的URL不被应用。 |
+| `fullScreen` | boolean | false         | 整个屏幕的绘制超出了Stage类中设置的宽度和高度。                        |
+| `tagId`      | string  | empty         | 当一个ID被指定时，在指定ID的元素内进行绘图。                          |
+| `bgColor`    | string  | "transparent" | 你可以指定一个十六进制的背景颜色。默认为无色。                           |
+
+
 ## License
 This project is licensed under the [MIT License](https://opensource.org/licenses/MIT) - see the [LICENSE](LICENSE) file for details.

package/dist/interface/PropertyBitmapDataMessageImpl.d.ts

@@ -0,0 +1,8 @@
+export interface PropertyBitmapDataMessageImpl {
+    command: string;
+    sourceId: number;
+    width: number;
+    height: number;
+    matrix?: Float32Array;
+    colorTransform?: Float32Array;
+}

package/dist/interface/PropertyBitmapDataMessageImpl.js

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

package/dist/player/index.js

@@ -2,7 +2,7 @@
 import { $currentPlayer, $initialize, $isSafari, $rendererWorker } from "./util/Util";
 import { Next2D } from "./player/Next2D";
 if (!("next2d" in window)) {
-    console.log("%c Next2D Player %c 1.14.15 %c https://next2d.app", "color: #fff; background: #5f5f5f", "color: #fff; background: #4bc729", "");
+    console.log("%c Next2D Player %c 1.14.17 %c https://next2d.app", "color: #fff; background: #5f5f5f", "color: #fff; background: #4bc729", "");
     // @ts-ignore
     window.next2d = new Next2D([new Promise((resolve) => {
             if (document.readyState === "loading") {

package/dist/player/next2d/display/BitmapData.js

@@ -214,8 +214,12 @@ export class BitmapData {
             if (!context) {
                 throw new Error("the context is null.");
             }
-            // @ts-ignore
-            context.drawImage(this._$image || this._$canvas, 0, 0);
+            if (this._$image) {
+                context.drawImage(this._$image, 0, 0);
+            }
+            if (this._$canvas) {
+                context.drawImage(this._$canvas, 0, 0);
+            }
             bitmapData.canvas = canvas;
         }
         else if (this._$buffer !== null) {

package/dist/player/next2d/display/DisplayObject.d.ts

@@ -444,12 +444,6 @@ export declare class DisplayObject extends EventDispatcher {
      * @private
      */
     _$getPlaceObject(): PlaceObjectImpl | null;
-    /**
-     * @return {object}
-     * @method
-     * @private
-     */
-    _$sync(): any;
     /**
      * @param  {object} tag
      * @param  {DisplayObjectContainer} parent

package/dist/player/next2d/display/DisplayObject.js

@@ -3,8 +3,7 @@ import { EventDispatcher } from "../events/EventDispatcher";
 import { Transform } from "../geom/Transform";
 import { Rectangle } from "../geom/Rectangle";
 import { Point } from "../geom/Point";
-import { $window } from "../../util/Shortcut";
-import { $doUpdated, $getCurrentLoaderInfo, $getEvent, $getInstanceId } from "../../util/Global";
+import { $doUpdated, $getEvent, $getInstanceId } from "../../util/Global";
 import { $currentMousePoint, $currentPlayer, $poolColorTransform, $rendererWorker, $poolMatrix, $hitContext, $variables } from "../../util/Util";
 import { $clamp, $getArray, $boundsMatrix, $Math, $poolBoundsObject, $Infinity, $getBoundsObject, $isNaN, $Deg2Rad, $Number, $Rad2Deg, $SHORT_INT_MIN, $SHORT_INT_MAX, $MATRIX_ARRAY_IDENTITY, $multiplicationMatrix, $poolFloat32Array6, $getMap, $poolMap, $getFloat32Array6 } from "../../util/RenderUtil";
 /**
@@ -1216,35 +1215,6 @@ export class DisplayObject extends EventDispatcher {
         }
         return this._$placeObject;
     }
-    /**
-     * @return {object}
-     * @method
-     * @private
-     */
-    _$sync() {
-        const name = this.namespace;
-        let loaderInfo = null;
-        if ($window.next2d.fw && $window.next2d.fw.loaderInfo.has(name)) {
-            loaderInfo = $window.next2d.fw.loaderInfo.get(name)._$loaderInfo;
-        }
-        if (!loaderInfo) {
-            loaderInfo = this._$loaderInfo || $getCurrentLoaderInfo();
-        }
-        if (!loaderInfo || !loaderInfo._$data) {
-            return null;
-        }
-        const characterId = loaderInfo._$data.symbols.get(name);
-        if (!characterId) {
-            return null;
-        }
-        const character = loaderInfo._$data.characters[characterId];
-        if (!character) {
-            return null;
-        }
-        this._$characterId = characterId;
-        this._$loaderInfo = loaderInfo;
-        return character;
-    }
     /**
      * @param  {object} tag
      * @param  {DisplayObjectContainer} parent

package/dist/player/next2d/display/DisplayObjectContainer.js

@@ -2,7 +2,7 @@ import { InteractiveObject } from "./InteractiveObject";
 import { Event as Next2DEvent } from "../events/Event";
 import { Rectangle } from "../geom/Rectangle";
 import { $doUpdated } from "../../util/Global";
-import { $currentPlayer, $getClass, $hitContext, $isTouch, $MATRIX_HIT_ARRAY_IDENTITY, $rendererWorker } from "../../util/Util";
+import { $createInstance, $currentPlayer, $hitContext, $isTouch, $MATRIX_HIT_ARRAY_IDENTITY, $rendererWorker } from "../../util/Util";
 import { $boundsMatrix, $clamp, $getArray, $getBoundsObject, $getFloat32Array6, $getFloat32Array8, $getMap, $getPreObject, $Math, $COLOR_ARRAY_IDENTITY, $MATRIX_ARRAY_IDENTITY, $multiplicationColor, $multiplicationMatrix, $Number, $poolArray, $poolBoundsObject, $poolFloat32Array6, $poolFloat32Array8, $poolMap, $poolPreObject } from "../../util/RenderUtil";
 /**
  * DisplayObjectContainer クラスは、表示リストで表示オブジェクトコンテナとして機能するすべてのオブジェクトの基本クラスです。
@@ -1632,12 +1632,7 @@ export class DisplayObjectContainer extends InteractiveObject {
         }
         const character = loaderInfo._$data.characters[tag.characterId];
         // symbol class
-        if (!character.class) {
-            character.class = character.symbol
-                ? $getClass(character.symbol) || $getClass(character.extends)
-                : $getClass(character.extends);
-        }
-        const instance = new character.class();
+        const instance = $createInstance(character.extends);
         instance._$build(tag, this);
         instance._$id = index;
         return instance;

package/dist/player/next2d/display/Loader.js

@@ -5,7 +5,7 @@ import { IOErrorEvent } from "../events/IOErrorEvent";
 import { Event } from "../events/Event";
 import { ProgressEvent as Next2DProgressEvent } from "../events/ProgressEvent";
 import { HTTPStatusEvent } from "../events/HTTPStatusEvent";
-import { $ajax, $headerToArray, $unzipQueues, $updateUnzipWorkerStatus, $getUnzipWorker, $getClass, $currentPlayer, $useUnzipWorker } from "../../util/Util";
+import { $ajax, $headerToArray, $unzipQueues, $updateUnzipWorkerStatus, $getUnzipWorker, $currentPlayer, $useUnzipWorker } from "../../util/Util";
 import { $getMap } from "../../util/RenderUtil";
 /**
  * Loader クラスは、JSON ファイルまたはイメージ（JPEG、PNG、または GIF）ファイルを読み込むために使用します。
@@ -273,14 +273,10 @@ export class Loader extends DisplayObjectContainer {
         if (!loaderInfo) {
             return;
         }
-        let rootSymbol = null;
         const symbols = $getMap();
         if (object.symbols.length) {
             for (let idx = 0; idx < object.symbols.length; ++idx) {
                 const values = object.symbols[idx];
-                if (values[1] === 0) {
-                    rootSymbol = values[0];
-                }
                 symbols.set(values[0], values[1]);
             }
         }
@@ -290,15 +286,7 @@ export class Loader extends DisplayObjectContainer {
             "symbols": symbols
         };
         // setup
-        if (rootSymbol) {
-            // TODO
-            const SymbolClass = $getClass(rootSymbol) || MovieClip;
-            // @ts-ignore
-            loaderInfo._$content = new SymbolClass();
-        }
-        else {
-            loaderInfo._$content = new MovieClip();
-        }
+        loaderInfo._$content = new MovieClip();
         // build root
         const root = object.characters[0];
         loaderInfo._$content._$build({

package/dist/player/next2d/display/MovieClip.d.ts

@@ -5,6 +5,7 @@ import type { LoopConfigImpl } from "../../../interface/LoopConfigImpl";
 import type { ParentImpl } from "../../../interface/ParentImpl";
 import type { MovieClipCharacterImpl } from "../../../interface/MovieClipCharacterImpl";
 import type { DictionaryTagImpl } from "../../../interface/DictionaryTagImpl";
+import type { Character } from "../../../interface/Character";
 /**
  * MovieClip クラスは、Sprite、DisplayObjectContainer、InteractiveObject、DisplayObject
  * および EventDispatcher クラスを継承します。
@@ -290,11 +291,12 @@ export declare class MovieClip extends Sprite {
      */
     _$buildCharacter(character: MovieClipCharacterImpl): void;
     /**
-     * @return {object}
+     * @param  {object} character
+     * @return {void}
      * @method
      * @private
      */
-    _$sync(): any;
+    _$sync(character: Character<MovieClipCharacterImpl>): void;
     /**
      * @param  {object} tag
      * @param  {DisplayObjectContainer} parent

package/dist/player/next2d/display/MovieClip.js

@@ -901,16 +901,14 @@ export class MovieClip extends Sprite {
         this._$totalFrames = character.totalFrame || 1;
     }
     /**
-     * @return {object}
+     * @param  {object} character
+     * @return {void}
      * @method
      * @private
      */
-    _$sync() {
-        const character = super._$sync();
-        if (character) {
-            this._$buildCharacter(character);
-        }
-        return character;
+    _$sync(character) {
+        super._$sync(character);
+        this._$buildCharacter(character);
     }
     /**
      * @param  {object} tag

package/dist/player/next2d/display/Shape.d.ts

@@ -7,6 +7,7 @@ import type { ParentImpl } from "../../../interface/ParentImpl";
 import type { DictionaryTagImpl } from "../../../interface/DictionaryTagImpl";
 import type { CanvasToWebGLContext } from "../../../webgl/CanvasToWebGLContext";
 import type { PlayerHitObjectImpl } from "../../../interface/PlayerHitObjectImpl";
+import type { Character } from "../../../interface/Character";
 /**
  * Shape クラスには、Graphics クラスからメソッドにアクセスできる graphics プロパティがあります。
  *
@@ -94,7 +95,7 @@ export declare class Shape extends DisplayObject {
      * @method
      * @private
      */
-    _$buildCharacter(character: ShapeCharacterImpl, loaderInfo: LoaderInfo): void;
+    _$buildCharacter(character: Character<ShapeCharacterImpl>, loaderInfo: LoaderInfo): void;
     /**
      * @return {void}
      * @method
@@ -102,11 +103,12 @@ export declare class Shape extends DisplayObject {
      */
     _$createWorkerInstance(): void;
     /**
-     * @return {object}
+     * @param  {object} character
+     * @return {void}
      * @method
      * @protected
      */
-    _$sync(): ShapeCharacterImpl;
+    _$sync(character: ShapeCharacterImpl): void;
     /**
      * @param  {object} tag
      * @param  {DisplayObjectContainer} parent

package/dist/player/next2d/display/Shape.js

@@ -309,16 +309,15 @@ export class Shape extends DisplayObject {
         $rendererWorker.postMessage(message, options);
     }
     /**
-     * @return {object}
+     * @param  {object} character
+     * @return {void}
      * @method
      * @protected
      */
-    _$sync() {
-        const character = super._$sync();
-        if (character && this._$loaderInfo) {
+    _$sync(character) {
+        if (this._$loaderInfo) {
             this._$buildCharacter(character, this._$loaderInfo);
         }
-        return character;
     }
     /**
      * @param  {object} tag

package/dist/player/next2d/display/Sprite.d.ts

@@ -152,11 +152,12 @@ export declare class Sprite extends DisplayObjectContainer {
      */
     stopDrag(): void;
     /**
-     * @return {object}
+     * @param  {object} character
+     * @return {void}
      * @method
      * @private
      */
-    _$sync(): any;
+    _$sync(character: MovieClipCharacterImpl): void;
     /**
      * @param  {object} tag
      * @param  {DisplayObjectContainer} parent

package/dist/player/next2d/display/Sprite.js

@@ -239,22 +239,19 @@ export class Sprite extends DisplayObjectContainer {
         $dragRules.bounds = null;
     }
     /**
-     * @return {object}
+     * @param  {object} character
+     * @return {void}
      * @method
      * @private
      */
-    _$sync() {
-        const character = super._$sync();
+    _$sync(character) {
         if ($rendererWorker && this._$stage) {
             this._$createWorkerInstance();
         }
-        if (character) {
-            this._$controller = character.controller;
-            this._$dictionary = character.dictionary;
-            this._$placeMap = character.placeMap;
-            this._$placeObjects = character.placeObjects;
-        }
-        return character;
+        this._$controller = character.controller;
+        this._$dictionary = character.dictionary;
+        this._$placeMap = character.placeMap;
+        this._$placeObjects = character.placeObjects;
     }
     /**
      * @param  {object} tag

package/dist/player/next2d/media/Video.d.ts

@@ -5,6 +5,7 @@ import type { DictionaryTagImpl } from "../../../interface/DictionaryTagImpl";
 import type { ParentImpl } from "../../../interface/ParentImpl";
 import type { CanvasToWebGLContext } from "../../../webgl/CanvasToWebGLContext";
 import type { PlayerHitObjectImpl } from "../../../interface/PlayerHitObjectImpl";
+import type { Character } from "../../../interface/Character";
 /**
  * サーバーまたはローカルに保存された録画済みビデオファイルを再生する Video オブジェクトです。
  * ビデオストリームを再生するには、attachNetStream() を使用して、ビデオを Video オブジェクトに関連付けます。
@@ -257,13 +258,14 @@ export declare class Video extends DisplayObject {
      * @method
      * @private
      */
-    _$buildCharacter(character: VideoCharacterImpl): void;
+    _$buildCharacter(character: Character<VideoCharacterImpl>): void;
     /**
-     * @return {object}
+     * @param  {object} character
+     * @return {void}
      * @method
      * @private
      */
-    _$sync(): any;
+    _$sync(character: VideoCharacterImpl): void;
     /**
      * @param  {object} tag
      * @param  {DisplayObjectContainer} parent

package/dist/player/next2d/media/Video.js

@@ -532,16 +532,13 @@ export class Video extends DisplayObject {
         }
     }
     /**
-     * @return {object}
+     * @param  {object} character
+     * @return {void}
      * @method
      * @private
      */
-    _$sync() {
-        const character = super._$sync();
-        if (character) {
-            this._$buildCharacter(character);
-        }
-        return character;
+    _$sync(character) {
+        this._$buildCharacter(character);
     }
     /**
      * @param  {object} tag

package/dist/player/next2d/text/TextField.d.ts

@@ -10,6 +10,7 @@ import type { DictionaryTagImpl } from "../../../interface/DictionaryTagImpl";
 import type { TextCharacterImpl } from "../../../interface/TextCharacterImpl";
 import type { CanvasToWebGLContext } from "../../../webgl/CanvasToWebGLContext";
 import type { PlayerHitObjectImpl } from "../../../interface/PlayerHitObjectImpl";
+import type { Character } from "../../../interface/Character";
 /**
  * TextField クラスは、テキストの表示と入力用の表示オブジェクトを作成するために使用されます。
  * プロパティインスペクターを使用して、テキストフィールドにインスタンス名を付けることができます。
@@ -560,13 +561,14 @@ export declare class TextField extends InteractiveObject {
      * @method
      * @private
      */
-    _$buildCharacter(character: TextCharacterImpl): void;
+    _$buildCharacter(character: Character<TextCharacterImpl>): void;
     /**
-     * @return {object}
+     * @param  {object} character
+     * @return {void}
      * @method
      * @private
      */
-    _$sync(): any;
+    _$sync(character: TextCharacterImpl): void;
     /**
      * @param  {object} tag
      * @param  {DisplayObjectContainer} parent

package/dist/player/next2d/text/TextField.js

@@ -1956,16 +1956,13 @@ export class TextField extends InteractiveObject {
         }
     }
     /**
-     * @return {object}
+     * @param  {object} character
+     * @return {void}
      * @method
      * @private
      */
-    _$sync() {
-        const character = super._$sync();
-        if (character) {
-            this._$buildCharacter(character);
-        }
-        return character;
+    _$sync(character) {
+        this._$buildCharacter(character);
     }
     /**
      * @param  {object} tag

package/dist/player/util/Util.d.ts

@@ -3,6 +3,7 @@ import { ColorTransform } from "../next2d/geom/ColorTransform";
 import { URLRequestHeader } from "../next2d/net/URLRequestHeader";
 import { Player } from "../player/Player";
 import { Point } from "../next2d/geom/Point";
+import type { DisplayObjectImpl } from "../../interface/DisplayObjectImpl";
 import type { Sound } from "../next2d/media/Sound";
 import type { DragRulesImpl } from "../../interface/DragRulesImpl";
 import type { AjaxOptionImpl } from "../../interface/AjaxOptionImpl";
@@ -294,12 +295,12 @@ export declare const $ajax: (option: AjaxOptionImpl) => void;
  */
 export declare const $headerToArray: (header: string) => URLRequestHeader[];
 /**
- * @param  {string} symbol
- * @return {function}
+ * @param  {string} character_extends
+ * @return {DisplayObject}
  * @method
- * @static
+ * @public
  */
-export declare const $getClass: (symbol: string) => Window | null;
+export declare const $createInstance: (character_extends: string) => DisplayObjectImpl<any>;
 /**
  * @type {Worker|null}
  */

package/dist/player/util/Util.js

@@ -4,6 +4,11 @@ import { URLRequestHeader } from "../next2d/net/URLRequestHeader";
 import { Player } from "../player/Player";
 import { Point } from "../next2d/geom/Point";
 import { Event as Next2DEvent } from "../next2d/events/Event";
+import { Sprite } from "../next2d/display/Sprite";
+import { MovieClip } from "../next2d/display/MovieClip";
+import { TextField } from "../next2d/text/TextField";
+import { Video } from "../next2d/media/Video";
+import { Shape } from "../next2d/display/Shape";
 import { $getEvent } from "./Global";
 import { $document, $window, $devicePixelRatio } from "./Shortcut";
 import { $getArray, $poolArray, $Math, $clearTimeout, $setTimeout } from "./RenderUtil";
@@ -316,15 +321,15 @@ export const $currentMousePoint = () => {
     }
     let touchX = 0;
     let touchY = 0;
-    if (event instanceof MouseEvent) {
-        touchX = event.pageX;
-        touchY = event.pageY;
-    }
     if ("changedTouches" in event) {
         const changedTouche = event.changedTouches[0];
         touchX = changedTouche.pageX;
         touchY = changedTouche.pageY;
     }
+    else if ("pageX" in event) {
+        touchX = event.pageX;
+        touchY = event.pageY;
+    }
     const pointX = (touchX - x) / player._$scale - player.x / player._$scale / $devicePixelRatio;
     const pointY = (touchY - y) / player._$scale - player.y / player._$scale / $devicePixelRatio;
     return new Point(pointX, pointY);
@@ -633,23 +638,24 @@ export const $headerToArray = (header) => {
     return results;
 };
 /**
- * @param  {string} symbol
- * @return {function}
+ * @param  {string} character_extends
+ * @return {DisplayObject}
  * @method
- * @static
+ * @public
  */
-export const $getClass = (symbol) => {
-    const names = symbol.split(".");
-    let object = $window;
-    for (let idx = 0; idx < names.length; ++idx) {
-        const name = names[idx];
-        if (!(name in object)) {
-            return null;
-        }
-        // @ts-ignore
-        object = object[name];
+export const $createInstance = (character_extends) => {
+    switch (character_extends) {
+        case MovieClip.namespace:
+            return new MovieClip;
+        case Shape.namespace:
+            return new Shape;
+        case TextField.namespace:
+            return new TextField();
+        case Sprite.namespace:
+            return new Sprite;
+        case Video.namespace:
+            return new Video();
     }
-    return object;
 };
 /**
  * @type {Worker|null}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next2d/player",
-  "version": "1.14.15",
+  "version": "1.14.17",
   "description": "Experience the fast and beautiful anti-aliased rendering of WebGL. You can create rich, interactive graphics, cross-platform applications and games without worrying about browser or device compatibility.",
   "author": "Toshiyuki Ienaga<ienaga@tvon.jp>",
   "license": "MIT",

package/README.cn.md

@@ -1,88 +0,0 @@
-Next2D Player
-=============
-<img src="https://next2d.app/assets/img/player/logo.svg" width="200" height="200" alt="Next2D Player Logo">
-
-[![UnitTest](https://github.com/Next2D/Player/actions/workflows/integration.yml/badge.svg?branch=main)](https://github.com/Next2D/Player/actions/workflows/integration.yml)
-[![CodeQL](https://github.com/Next2D/Player/actions/workflows/codeql-analysis.yml/badge.svg?branch=main)](https://github.com/Next2D/Player/actions/workflows/codeql-analysis.yml)
-[![Lint](https://github.com/Next2D/Player/actions/workflows/lint.yml/badge.svg?branch=main)](https://github.com/Next2D/Player/actions/workflows/lint.yml)
-
-[![release](https://img.shields.io/github/v/release/Next2D/Player)](https://github.com/Next2D/Player/releases)
-[![Github All Releases](https://img.shields.io/npm/dt/@next2d/player)](https://github.com/Next2D/player/releases)
-[![Discord](https://badgen.net/badge/icon/discord?icon=discord&label)](https://discord.gg/6c9rv5Uns5)
-![Twitter Follow](https://img.shields.io/twitter/follow/Next2D?style=social)
-
-[English](./README.md) | [日本語](./README.ja.md)
-
-## 下一个2D项目
-  
-### Player
-Next2D Player支持WebGL和OffscreenCanvas，实现了先进的图形表达。  
-它还可以用于游戏制作、广告制作和其他需要丰富表达的场景，而不必处理浏览器或设备的兼容性问题。  
-  
-### NoCode Tool
-它是一个在网络浏览器中运行的创作工具，主要基于NoCode开发。它允许用户直观地创建他们所想象的动画，导出的数据可以很容易地上传到网络上，并用播放器发布。
-[NoCode Tool](https://tool.next2d.app)
-  
-### Framework
-这个框架可以通过URL（SPA）实现场景管理，这在传统的Canvas/WebGL应用中是很难做到的，可以固定开发模式，简化可读性和共享性。  
-  
-请在Twitter上查看[@Next2D](https://twitter.com/Next2D)和[官方网站](https://next2d.app)，了解最新的新闻和技术信息。  
-
-如果Next2D对你有用，我们希望你能支持我们的项目。  
-
-<div align="center">
-  <a href="https://github.com/sponsors/Next2D" target="_blank">
-    <img src="https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub&color=%23fe8e86" width=180 alt="GitHub Sponsor" />
-  </a>
-</div>
-
-## 関連サイト
-* [Website](https://next2d.app)
-* [Player API Documentation](https://next2d.app/ja/docs/player)
-* [NoCode Tool](https://tool.next2d.app)
-* [Framework](https://github.com/Next2D/framework)
-
-## Examples
-
-### 使用简单的样本
-```javascript
-next2d.load("JSON Path...");
-```
-[CodePen](https://codepen.io/next2d/pen/rNGMrZG)
-
-### 使用程序样本
-
-```javascript
-const { Loader }     = next2d.display;
-const { URLRequest } = next2d.net;
-const { Event }      = next2d.events;
-
-// create root MovieClip
-const root = next2d.createRootMovieClip();
-
-const request = new URLRequest("JSON path");
-const loader  = new Loader(request);
-
-loader
-    .contentLoaderInfo
-    .addEventListener(Event.COMPLETE, (event) =>
-    {
-        root.addChild(event.currentTarget.content);
-    });
-
-loader.load(request);
-```
-[CodePen](https://codepen.io/next2d/pen/VwMKGEv)\
-@see [API 文档](https://next2d.app/cn/docs/player)
-
-## 设置选项
-
-| 名称           | 值类型     | 默认值           | 说明                                                |
-|--------------|---------|---------------|---------------------------------------------------|
-| `base`       | string  | empty         | 当JSON是由相对路径获得的，这里设置的URL被应用为根。对于绝对路径，这里设置的URL不被应用。 |
-| `fullScreen` | boolean | false         | 整个屏幕的绘制超出了Stage类中设置的宽度和高度。                        |
-| `tagId`      | string  | empty         | 当一个ID被指定时，在指定ID的元素内进行绘图。                          |
-| `bgColor`    | string  | "transparent" | 你可以指定一个十六进制的背景颜色。默认为无色。                           |
-
-## 许可证
-本项目使用 [MIT License](https://opensource.org/licenses/MIT) 许可证 - 参考 [LICENSE](LICENSE) 文件了解许可证内容。

package/README.ja.md

@@ -1,88 +0,0 @@
-Next2D Player
-=============
-<img src="https://next2d.app/assets/img/player/logo.svg" width="200" height="200" alt="Next2D Player Logo">
-
-[![UnitTest](https://github.com/Next2D/Player/actions/workflows/integration.yml/badge.svg?branch=main)](https://github.com/Next2D/Player/actions/workflows/integration.yml)
-[![CodeQL](https://github.com/Next2D/Player/actions/workflows/codeql-analysis.yml/badge.svg?branch=main)](https://github.com/Next2D/Player/actions/workflows/codeql-analysis.yml)
-[![Lint](https://github.com/Next2D/Player/actions/workflows/lint.yml/badge.svg?branch=main)](https://github.com/Next2D/Player/actions/workflows/lint.yml)
-
-[![release](https://img.shields.io/github/v/release/Next2D/Player)](https://github.com/Next2D/Player/releases)
-[![Github All Releases](https://img.shields.io/npm/dt/@next2d/player)](https://github.com/Next2D/player/releases)
-[![Discord](https://badgen.net/badge/icon/discord?icon=discord&label)](https://discord.gg/6c9rv5Uns5)
-![Twitter Follow](https://img.shields.io/twitter/follow/Next2D?style=social)
-
-## Next2Dプロジェクト
-
-### Player
-Next2D Playerは、WebGL、OffscreenCanvasをサポートしており、高度なグラフィカル表現が可能です。  
-また、ブラウザやデバイスの互換性に対処したりすることなく、ゲーム制作・広告制作など豊かな表現が必要とされるシーンで利用できると思います。  
-  
-### NoCode Tool
-Webブラウザ上で動作する、NoCode開発を主体としたオーサリングツールで、イメージしたアニメーションを直感的に作成でき、書き出したデータはWebにアップロードしてPlayerで簡単に公開できます。  
-[NoCode Tool](https://tool.next2d.app)  
-  
-### Framework
-従来のCanvas/WebGLアプリケーションでは困難だったURLによるシーン管理（SPA）を可能にし、開発パターンを固定化し、可読性・共有性を簡素化するフレームワークです。  
-  
-最新ニュースや技術情報は、Twitterの[@Next2D](https://twitter.com/Next2D)や公式の[Website](https://next2d.app)で発信していきますので、チェックしてみてください。  
-  
-Next2Dがお役に立つようでしたら、プロジェクトをご支援いただければ幸いです。  
-  
-<div align="center">
-  <a href="https://github.com/sponsors/Next2D" target="_blank">
-    <img src="https://img.shields.io/static/v1?label=Sponsor&message=%E2%9D%A4&logo=GitHub&color=%23fe8e86" width=180 alt="GitHub Sponsor" />
-  </a>
-</div>
-
-[English](./README.md) | [简体中文](./README.cn.md)
-
-## 関連サイト
-* [Website](https://next2d.app)
-* [Player API Documentation](https://next2d.app/ja/docs/player)
-* [NoCode Tool](https://tool.next2d.app)
-* [Framework](https://github.com/Next2D/framework)
-
-## Examples
-
-### シンプルプログラム
-```javascript
-next2d.load("JSON Path...");
-```
-
-[CodePen](https://codepen.io/next2d/pen/rNGMrZG)
-
-### プログラムサンプル
-```javascript
-const { Loader }     = next2d.display;
-const { URLRequest } = next2d.net;
-const { Event }      = next2d.events;
-
-// create root MovieClip
-const root = next2d.createRootMovieClip();
-
-const request = new URLRequest("JSON path");
-const loader  = new Loader(request);
-
-loader
-    .contentLoaderInfo
-    .addEventListener(Event.COMPLETE, (event) =>
-    {
-        root.addChild(event.currentTarget.content);
-    });
-
-loader.load(request);
-```
-[CodePen](https://codepen.io/next2d/pen/VwMKGEv)\
-@see [Player API Documentation](https://next2d.app/ja/docs/player)
-
-## オプション設定
-
-| プロパティ名       | 型       | デフォルト値        | 説明                                                                    |
-|--------------|---------|---------------|-----------------------------------------------------------------------|
-| `base`       | string  | empty         | 相対パスでJSONを取得する場合、ここで設定したURLがrootとして適用されます。絶対パスの場合はここで設定したURLは適用されません。 |
-| `fullScreen` | boolean | false         | Stageクラスで設定した幅と高さを超えて画面全体に描画されます。                                     |
-| `tagId`      | string  | empty         | IDを指定すると、指定したIDのエレメント内で描画を行います。                                       |
-| `bgColor`    | string  | "transparent" | 背景色を16進数で指定できます。デフォルトは無色透明です。                                         |
-
-## License
-This project is licensed under the [MIT License](https://opensource.org/licenses/MIT) - see the [LICENSE](LICENSE) file for details.