babyeditor-tool 0.0.7 → 0.0.10

package/types/interfaces/MetaData.interface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MetaData.interface.d.ts","sourceRoot":"","sources":["../../../src/interfaces/MetaData.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAA;AAGzC,MAAM,WAAW,QAAQ;IAEvB,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,OAAO,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,CAAA;IAE/B,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,eAAe,CAAC,EAAE,MAAM,CAAA;IAExB,iBAAiB,CAAC,EAAE;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;QACd,eAAe,EAAE,MAAM,CAAA;KACxB,CAAA;IAED,oBAAoB,CAAC,EAAE;QACrB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,GAAG,EAAE,MAAM,CAAC;QACZ,eAAe,EAAE,MAAM,CAAA;KACxB,CAAA;IAED,sBAAsB,CAAC,EAAE;QACvB,WAAW,EAAE,MAAM,CAAA;QACnB,cAAc,EAAE,MAAM,CAAA;QACtB,MAAM,EAAE,MAAM,CAAA;QACd,YAAY,EAAE,MAAM,CAAA;QACpB,YAAY,EAAE,MAAM,CAAA;QACpB,GAAG,EAAE,MAAM,CAAA;QACX,eAAe,EAAE,MAAM,CAAA;KACxB,CAAA;IAED,0BAA0B,CAAC,EAAE;QAC3B,KAAK,EAAE,OAAO,EAAE,CAAC;QACjB,KAAK,EAAE,OAAO,EAAE,EAAE,CAAC;QACnB,KAAK,EAAE,MAAM,CAAC;QACd,eAAe,EAAE,MAAM,CAAA;KACxB,CAAA;IACD,wBAAwB,CAAC,EAAE;QACzB,GAAG,EAAE,MAAM,CAAA;KACZ,CAAA;CACF"}
+{"version":3,"file":"MetaData.interface.d.ts","sourceRoot":"","sources":["../../../src/interfaces/MetaData.interface.ts"],"names":[],"mappings":"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"}

package/types/tool/CustomSystem.d.ts

@@ -1,8 +1,31 @@
-import { Scene, TransformNode } from "@babylonjs/core";
+import { MetaData } from "../interfaces/MetaData.interface";
+import { Scene, TransformNode, Camera } from "@babylonjs/core";
+import { IScript } from "./SceneLoader";
+import { MapViewer } from "./map/MapViewer";
 export declare class CustomSystem {
     scene: Scene;
-    constructor(scene: Scene);
-    load(): void;
+    private scriptInstanceList;
+    mapViewers: MapViewer[];
+    constructor(scene: Scene, scriptInstanceList?: IScript[], environment?: string);
+    load(environment?: string): void;
+    applyCameraBehavior(camera: Camera): void;
+    /**
+     * 加载外部资源模型
+     * @param parentNode 父对象
+     * @param url 模型地址
+     * @param scene 场景
+     */
     static LoadAssetModel(parentNode: TransformNode, url: string, scene: Scene): Promise<void>;
+    /**
+     * 创建地图查看器
+     * @param parentNode 父对象
+     * @param metaData 元数据
+     */
+    createMapViewer(parentNode: TransformNode, metaData: MetaData): MapViewer;
+    /**
+     * 根据ID获取地图查看器
+     * @param id 地图查看器ID
+     */
+    getMapViewerById(id: string): MapViewer | undefined;
 }
 //# sourceMappingURL=CustomSystem.d.ts.map

package/types/tool/CustomSystem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomSystem.d.ts","sourceRoot":"","sources":["../../../src/tool/CustomSystem.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,EAAE,aAAa,EAAwC,MAAM,iBAAiB,CAAC;AAE9G,qBAAa,YAAY;IACH,KAAK,EAAE,KAAK;gBAAZ,KAAK,EAAE,KAAK;IAIhC,IAAI;WAcS,cAAc,CAAE,UAAU,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK;CAgBlF"}
+{"version":3,"file":"CustomSystem.d.ts","sourceRoot":"","sources":["../../../src/tool/CustomSystem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAmB,KAAK,EAAE,aAAa,EAAuH,MAAM,EAAkB,MAAM,iBAAiB,CAAC;AACrN,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,qBAAa,YAAY;IAEH,KAAK,EAAE,KAAK;IAAE,OAAO,CAAC,kBAAkB;IAD5D,UAAU,EAAE,SAAS,EAAE,CAAK;gBACR,KAAK,EAAE,KAAK,EAAU,kBAAkB,GAAE,OAAO,EAAO,EAAE,WAAW,CAAC,EAAE,MAAM;IAIlG,IAAI,CAAE,WAAW,CAAC,EAAE,MAAM;IA4C1B,mBAAmB,CAAE,MAAM,EAAE,MAAM;IA2CnC;;;;;OAKG;WACU,cAAc,CAAE,UAAU,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK;IAiBjF;;;;OAIG;IACH,eAAe,CAAE,UAAU,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ;IAoB9D;;;OAGG;IACH,gBAAgB,CAAE,EAAE,EAAE,MAAM;CAG7B"}

package/types/tool/CustomSystem.js

@@ -1,27 +1,100 @@
-import { ImportMeshAsync, Node, Mesh } from "@babylonjs/core";
+import { ImportMeshAsync, Node, AbstractMesh, ArcRotateCamera, HDRCubeTexture } from "@babylonjs/core";
+import { MapViewer } from "./map/MapViewer";
 export class CustomSystem {
-    constructor(scene) {
+    constructor(scene, scriptInstanceList = [], environment) {
         this.scene = scene;
-        this.load();
+        this.scriptInstanceList = scriptInstanceList;
+        this.mapViewers = [];
+        this.load(environment);
     }
-    load() {
+    load(environment) {
         const transNodes = this.scene.transformNodes;
         for (let i = 0; i < transNodes.length; i++) {
             const transNode = transNodes[i];
             if (transNode.metadata) {
                 const metaData = transNode.metadata;
+                // 当对象是外部资源模型时
                 if (metaData.meshBuilderType === 'assetModel' && metaData.assetModelBuilderOptions?.url) {
-                    CustomSystem.LoadAssetModel(transNode, metaData.assetModelBuilderOptions.url, this.scene);
+                    CustomSystem.LoadAssetModel(transNode, metaData.assetModelBuilderOptions.url, this.scene).then(() => {
+                        const findInstance = this.scriptInstanceList.find(instance => instance.node === transNode);
+                        if (findInstance && typeof findInstance.ready === 'function') {
+                            findInstance.ready();
+                        }
+                    });
+                }
+                else if (metaData.meshBuilderType === 'mapViewer' && metaData.mapViewerBuilderOptions) {
+                    this.createMapViewer(transNode, metaData);
+                }
+            }
+        }
+        const cameras = this.scene.cameras;
+        for (let i = 0; i < cameras.length; i++) {
+            const camera = cameras[i];
+            if (camera.metadata && environment !== 'editor') {
+                this.applyCameraBehavior(camera);
+            }
+        }
+        if (this.scene.environmentTexture) {
+            const url = this.scene.environmentTexture.url;
+            this.scene.environmentTexture = null;
+            setTimeout(() => {
+                try {
+                    this.scene.environmentTexture = new HDRCubeTexture(url, this.scene, 256);
+                }
+                catch (error) {
+                    console.error('加载环境纹理时出错', error);
+                }
+            }, 1000);
+        }
+    }
+    applyCameraBehavior(camera) {
+        const metaData = camera.metadata;
+        if (camera instanceof ArcRotateCamera && metaData) {
+            // 自动旋转行为
+            if (metaData.useAutoRotationBehavior && metaData.autoRotationBehavior) {
+                camera.useAutoRotationBehavior = true;
+                const autoRotationBehavior = camera.autoRotationBehavior;
+                if (autoRotationBehavior) {
+                    autoRotationBehavior.zoomStopsAnimation = metaData.autoRotationBehavior.zoomStopsAnimation;
+                    autoRotationBehavior.idleRotationSpeed = metaData.autoRotationBehavior.idleRotationSpeed;
+                    autoRotationBehavior.idleRotationWaitTime = metaData.autoRotationBehavior.idleRotationWaitTime;
+                }
+            }
+            // 自动抬回视角行为
+            if (metaData.useFramingBehavior && metaData.framingBehavior) {
+                camera.useFramingBehavior = true;
+                const framingBehavior = camera.framingBehavior;
+                if (framingBehavior) {
+                    framingBehavior.zoomStopsAnimation = metaData.framingBehavior.zoomStopsAnimation;
+                    framingBehavior.defaultElevation = metaData.framingBehavior.defaultElevation;
+                    framingBehavior.elevationReturnTime = metaData.framingBehavior.elevationReturnTime;
+                    framingBehavior.elevationReturnWaitTime = metaData.framingBehavior.elevationReturnWaitTime;
+                    framingBehavior.framingTime = metaData.framingBehavior.framingTime;
+                }
+            }
+            // 视野反弹行为
+            if (metaData.useBouncingBehavior && metaData.bouncingBehavior) {
+                camera.useBouncingBehavior = true;
+                if (camera.bouncingBehavior) {
+                    camera.bouncingBehavior.autoTransitionRange = metaData.bouncingBehavior.autoTransitionRange || false;
+                    camera.bouncingBehavior.lowerRadiusTransitionRange = metaData.bouncingBehavior.lowerRadiusTransitionRange || 2;
+                    camera.bouncingBehavior.upperRadiusTransitionRange = metaData.bouncingBehavior.upperRadiusTransitionRange || -2;
                 }
             }
         }
     }
+    /**
+     * 加载外部资源模型
+     * @param parentNode 父对象
+     * @param url 模型地址
+     * @param scene 场景
+     */
     static async LoadAssetModel(parentNode, url, scene) {
         const applyMetaData = (node) => {
             if (node instanceof Node && !node.parent) {
                 node.parent = parentNode;
             }
-            if (node instanceof Mesh && node.material) {
+            if (node instanceof AbstractMesh && node.material) {
                 node.material.doNotSerialize = true;
             }
             node.doNotSerialize = true;
@@ -32,4 +105,30 @@ export class CustomSystem {
         lights.forEach(node => applyMetaData(node));
         skeletons.forEach(node => applyMetaData(node));
     }
+    /**
+     * 创建地图查看器
+     * @param parentNode 父对象
+     * @param metaData 元数据
+     */
+    createMapViewer(parentNode, metaData) {
+        const mapViewer = new MapViewer({
+            id: metaData.mapViewerBuilderOptions?.id,
+            viewWidth: metaData.mapViewerBuilderOptions?.viewWidth,
+            bbox: [metaData.mapViewerBuilderOptions?.minX || -180, metaData.mapViewerBuilderOptions?.minY || -90, metaData.mapViewerBuilderOptions?.maxX || 180, metaData.mapViewerBuilderOptions?.maxY || 90],
+        }, this.scene);
+        parentNode.onDisposeObservable.addOnce(() => {
+            mapViewer.dispose();
+            this.mapViewers = this.mapViewers.filter(item => item !== mapViewer);
+        });
+        mapViewer.rootNode.parent = parentNode;
+        this.mapViewers.push(mapViewer);
+        return mapViewer;
+    }
+    /**
+     * 根据ID获取地图查看器
+     * @param id 地图查看器ID
+     */
+    getMapViewerById(id) {
+        return this.mapViewers.find(item => item.id === id);
+    }
 }

package/types/tool/SceneLoader.d.ts

@@ -1,8 +1,9 @@
-import { Engine, Scene } from "@babylonjs/core";
+import { Engine, Scene, Nullable, Node, Observable, Camera } from "@babylonjs/core";
 import '@babylonjs/materials';
 import '@babylonjs/loaders';
 import '@babylonjs/post-processes';
 import '@babylonjs/procedural-textures';
+import { CameraAnchor } from "../interfaces/MetaData.interface";
 /**
  * 脚本接口
  */
@@ -25,6 +26,11 @@ export interface BehaviorScript {
     key: string;
     values: IStringDictionary<any>;
 }
+export interface SceneLoaderOption {
+    showLoadingUI?: boolean;
+    environment?: string;
+}
+export type EventType = 'click' | 'dblclick' | 'pointerdown' | 'pointerup' | 'pointermove';
 /**
  * 运行场景加载的核心类
  * @description 在这里创建初始化场景所需要的一切的东西
@@ -53,18 +59,36 @@ export declare class SceneLoader {
     /**
      * 脚本代码列表
      */
-    scritpsMap: ScriptsMap;
+    scriptsMap: ScriptsMap;
+    /**
+     * 场景加载完成观察者
+     */
+    onLoadObservable: Observable<Scene>;
+    /**
+     * 场景加载选项
+     */
+    option: SceneLoaderOption;
     /**
      * 脚本实例列表
      */
     private scriptInstanceList;
+    /**
+     * 事件系统
+     */
+    private eventsSystem;
     /**
      * 构造函数
      * @param container 容器
      * @param sceneData 场景数据
      * @param scriptsMap 脚本代码列表
      */
-    constructor(container: HTMLDivElement, sceneData: string, scriptsMap?: ScriptsMap);
+    constructor(container: HTMLDivElement, sceneData: string, scriptsMap?: ScriptsMap, option?: SceneLoaderOption);
+    /**
+     * 初始化事件系统
+     */
+    private initEvents;
+    on(eventName: EventType, callback: (event: any) => void): void;
+    off(eventName: EventType, callback: (event: any) => void): void;
     /**
      * 加载场景
      * @param sceneData 场景数据数据
@@ -87,6 +111,53 @@ export declare class SceneLoader {
      * 开始渲染循环
      */
     private render;
+    /**
+     * 根据名称获取节点
+     * @param name
+     * @returns
+     */
+    getNodeByName(name: string): Nullable<Node>;
+    getMeshByName(name: string): Nullable<import("@babylonjs/core").AbstractMesh>;
+    getLightByName(name: string): Nullable<import("@babylonjs/core").Light>;
+    getTransformNodeByName(name: string): Nullable<import("@babylonjs/core").TransformNode>;
+    getCameraByName(name: string): Nullable<Camera>;
+    /**
+     * 摄影机飞行到设置的位置锚点
+     * @param anchor 目标节点
+     * @param duration 飞行时间毫秒，ms
+     */
+    flyTo(anchor: CameraAnchor, duration?: number): Promise<void>;
+    /**
+     * 摄影机直接定位到设置的位置锚点
+     * @param anchor 目标节点
+     * @param camera 指定查看摄影机
+     */
+    viewTo(anchor: CameraAnchor): void;
+    /**
+     * 根据名称摄影机飞行到设置的锚点
+     * @param name 摄影机锚点名称
+     * @param duration 飞行时间毫秒，ms
+     */
+    flyToAnchorByName(name: string, duration?: number): Promise<void>;
+    /**
+     * 根据名称摄影机飞行到设置的锚点
+     * @param name 摄影机锚点名称
+     * @param duration 飞行时间毫秒，ms
+     */
+    flyToAnchorByIndex(index: number, duration?: number): Promise<void>;
+    /**
+     * 摄影机飞行到
+     * @param anchor 目标节点
+     * @param duration 飞行时间毫秒，ms
+     * @param camera 指定飞行摄影机
+     */
+    static FlyTo(camera: Camera, anchor: CameraAnchor, duration?: number): Promise<void>;
+    /**
+     * 摄影机定位到
+     * @param anchor 目标节点
+     * @param camera 指定查看摄影机
+     */
+    static ViewTo(camera: Camera, anchor: CameraAnchor): void;
     /**
      * 重置canvas变形后的系统尺寸
      */
@@ -97,10 +168,35 @@ export declare class SceneLoader {
      */
     static LoadCustomSystem(): void;
 }
-export declare function loadScene(container: HTMLDivElement, sceneData: string, scriptsMap?: ScriptsMap): SceneLoader;
+export declare function loadScene(container: HTMLDivElement, sceneData: string, scriptsMap?: ScriptsMap, option?: SceneLoaderOption): SceneLoader;
+/**
+ * 脚本代码结构
+ */
 export type IScript = {
+    /**
+     * 脚执行时注入的场景对象
+     */
+    scene: Scene;
+    /**
+     * 当前实例化脚本绑定的对象
+     */
+    node: Node | Scene;
+    /**
+     * 脚本初始化执行的钩子函数
+     */
     start?: () => void;
+    /**
+     * 当有异步动作初始化完成时的钩子函数
+     */
+    ready?: () => void;
+    /**
+     * 当没帧渲染是执行函数
+     * @param deltaTime 间隔时间
+     */
     update?: (deltaTime: number) => void;
+    /**
+     * 当对象被销毁时执行的函数
+     */
     dispose?: () => void;
 };
 //# sourceMappingURL=SceneLoader.d.ts.map

package/types/tool/SceneLoader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SceneLoader.d.ts","sourceRoot":"","sources":["../../../src/tool/SceneLoader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,KAAK,EAA2G,MAAM,iBAAiB,CAAC;AACzJ,OAAO,sBAAsB,CAAA;AAC7B,OAAO,oBAAoB,CAAA;AAC3B,OAAO,2BAA2B,CAAA;AAClC,OAAO,gCAAgC,CAAA;AAIvC;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;CACrC;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB,CAAC,CAAC;IAClC,CAAC,KAAK,EAAE,MAAM,GAAG,CAAC,CAAC;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAE7B,IAAI,EAAE,QAAQ,CAAC;IAEf,QAAQ,EAAE,OAAO,CAAC;IAElB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,GAAG,EAAE,MAAM,CAAC;IAEZ,MAAM,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAA;CAC/B;AAED;;;GAGG;AACH,qBAAa,WAAW;IACtB;;OAEG;IACH,SAAS,EAAE,WAAW,CAAA;IACtB;;OAEG;IACH,MAAM,EAAE,iBAAiB,CAAA;IACzB;;OAEG;IACH,MAAM,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,KAAK,EAAE,KAAK,CAAA;IACZ;;OAEG;IACH,SAAS,EAAE,MAAM,CAAK;IACtB;;OAEG;IACH,UAAU,EAAE,UAAU,CAAK;IAC3B;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAAgB;IAC1C;;;;;OAKG;gBACS,SAAS,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,UAAU;IAajF;;;;OAIG;IACG,IAAI,CAAE,SAAS,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,UAAU;IA4CtD;;OAEG;IACH,OAAO,CAAC,WAAW;IAoBnB;;;;;;OAMG;IACH,OAAO,CAAC,SAAS;IA4BjB;;OAEG;IACH,OAAO,CAAC,MAAM;IAOd;;OAEG;IACH,MAAM;IAIN,OAAO;IAKP;;OAEG;IACH,MAAM,CAAC,gBAAgB;CACxB;AAED,wBAAgB,SAAS,CAAE,SAAS,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,GAAE,UAAe,eAInG;AAED,MAAM,MAAM,OAAO,GAAG;IACpB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB,CAAA"}
+{"version":3,"file":"SceneLoader.d.ts","sourceRoot":"","sources":["../../../src/tool/SceneLoader.ts"],"names":[],"mappings":"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"}

package/types/tool/SceneLoader.js

@@ -1,4 +1,4 @@
-import { Engine, Scene, FreeCamera, Vector3, HavokPlugin, AppendSceneAsync } from "@babylonjs/core";
+import { Engine, Scene, FreeCamera, Vector3, HavokPlugin, AppendSceneAsync, Observable, EasingFunction, QuadraticEase, ArcRotateCamera, TargetCamera, PointerEventTypes } from "@babylonjs/core";
 import '@babylonjs/materials';
 import '@babylonjs/loaders';
 import '@babylonjs/post-processes';
@@ -16,7 +16,7 @@ export class SceneLoader {
      * @param sceneData 场景数据
      * @param scriptsMap 脚本代码列表
      */
-    constructor(container, sceneData, scriptsMap) {
+    constructor(container, sceneData, scriptsMap, option = {}) {
         /**
          * 场景数据
          */
@@ -24,21 +24,93 @@ export class SceneLoader {
         /**
          * 脚本代码列表
          */
-        this.scritpsMap = {};
+        this.scriptsMap = {};
+        /**
+         * 场景加载完成观察者
+         */
+        this.onLoadObservable = new Observable();
+        /**
+         * 场景加载选项
+         */
+        this.option = {};
         /**
          * 脚本实例列表
          */
         this.scriptInstanceList = [];
+        /**
+         * 事件系统
+         */
+        this.eventsSystem = {
+            click: [],
+            dblclick: [],
+            pointerdown: [],
+            pointerup: [],
+            pointermove: [],
+        };
         this.container = container;
         this.canvas = document.createElement('canvas');
         this.canvas.className = 'main-display-canvas';
         this.canvas.width = container.clientWidth;
         this.canvas.height = container.clientHeight;
         this.container.appendChild(this.canvas);
-        this.engine = new Engine(this.canvas, true);
+        this.engine = new Engine(this.canvas, true, {
+            adaptToDeviceRatio: true,
+            antialias: true,
+            stencil: true,
+            preserveDrawingBuffer: true,
+            alpha: false
+        });
         this.scene = new Scene(this.engine);
+        this.option = {
+            showLoadingUI: true,
+            ...option
+        };
+        // 监听容器尺寸变化
+        const resizeObserver = new ResizeObserver(() => {
+            this.canvas.width = container.clientWidth;
+            this.canvas.height = container.clientHeight;
+            this.engine.resize();
+        });
+        resizeObserver.observe(container);
         this.load(sceneData, scriptsMap);
     }
+    /**
+     * 初始化事件系统
+     */
+    initEvents() {
+        let lastClickTime = 0;
+        this.scene.onPointerObservable.add((pointerInfo) => {
+            switch (pointerInfo.type) {
+                case PointerEventTypes.POINTERDOWN: // POINTERDOWN
+                    const clickTime = Date.now();
+                    if (clickTime - lastClickTime < 300) {
+                        this.eventsSystem.dblclick.forEach(callback => callback(pointerInfo));
+                    }
+                    else {
+                        lastClickTime = clickTime;
+                        this.eventsSystem.click.forEach(callback => callback(pointerInfo));
+                    }
+                    this.eventsSystem.pointerdown.forEach(callback => callback(pointerInfo));
+                    break;
+                case PointerEventTypes.POINTERUP: // POINTERUP
+                    this.eventsSystem.pointerup.forEach(callback => callback(pointerInfo));
+                    break;
+                case PointerEventTypes.POINTERMOVE: // POINTERMOVE
+                    this.eventsSystem.pointermove.forEach(callback => callback(pointerInfo));
+                    break;
+            }
+        });
+    }
+    // 绑定事件
+    on(eventName, callback) {
+        if (this.eventsSystem[eventName])
+            this.eventsSystem[eventName].push(callback);
+    }
+    // 解绑事件
+    off(eventName, callback) {
+        if (this.eventsSystem[eventName])
+            this.eventsSystem[eventName] = this.eventsSystem[eventName].filter(item => item !== callback);
+    }
     /**
      * 加载场景
      * @param sceneData 场景数据数据
@@ -49,10 +121,11 @@ export class SceneLoader {
             this.scene.dispose();
         }
         if (scriptsMap)
-            this.scritpsMap = scriptsMap;
+            this.scriptsMap = scriptsMap;
         this.scene = new Scene(this.engine);
         this.sceneData = sceneData;
         this.scriptInstanceList = [];
+        this.initEvents();
         // 执行更新代码
         this.scene.onBeforeRenderObservable.add(() => {
             if (this.scriptInstanceList) {
@@ -68,6 +141,8 @@ export class SceneLoader {
         const havokModule = await HavokPhysics();
         this.scene.enablePhysics(new Vector3(0, -9.81, 0), new HavokPlugin(true, havokModule));
         await AppendSceneAsync('data:' + sceneData, this.scene);
+        if (!this.option.showLoadingUI)
+            this.engine.hideLoadingUI();
         let camera;
         if (this.scene.cameras.length === 0) {
             camera = new FreeCamera('摄影机', new Vector3(50, 50, 50), this.scene, true);
@@ -78,11 +153,12 @@ export class SceneLoader {
             console.log('解析并使用场景摄影机');
         }
         camera.attachControl(this.canvas);
-        new CustomSystem(this.scene);
         if (scriptsMap)
             this.initScripts(scriptsMap);
         console.log('完成场景初始化');
+        new CustomSystem(this.scene, this.scriptInstanceList, this.option.environment);
         this.render();
+        this.onLoadObservable.notifyObservers(this.scene);
     }
     /**
      * 初始化脚本
@@ -144,6 +220,173 @@ export class SceneLoader {
             scene.render();
         });
     }
+    /**
+     * 根据名称获取节点
+     * @param name
+     * @returns
+     */
+    getNodeByName(name) {
+        return this.scene.getNodeByName(name);
+    }
+    getMeshByName(name) {
+        return this.scene.getMeshByName(name);
+    }
+    getLightByName(name) {
+        return this.scene.getLightByName(name);
+    }
+    getTransformNodeByName(name) {
+        return this.scene.getTransformNodeByName(name);
+    }
+    getCameraByName(name) {
+        return this.scene.getCameraByName(name);
+    }
+    /**
+     * 摄影机飞行到设置的位置锚点
+     * @param anchor 目标节点
+     * @param duration 飞行时间毫秒，ms
+     */
+    flyTo(anchor, duration = 2000) {
+        if (this.scene.activeCamera) {
+            return SceneLoader.FlyTo(this.scene.activeCamera, anchor, duration);
+        }
+        return Promise.resolve();
+    }
+    /**
+     * 摄影机直接定位到设置的位置锚点
+     * @param anchor 目标节点
+     * @param camera 指定查看摄影机
+     */
+    viewTo(anchor) {
+        if (this.scene.activeCamera) {
+            SceneLoader.ViewTo(this.scene.activeCamera, anchor);
+        }
+    }
+    /**
+     * 根据名称摄影机飞行到设置的锚点
+     * @param name 摄影机锚点名称
+     * @param duration 飞行时间毫秒，ms
+     */
+    flyToAnchorByName(name, duration = 2000) {
+        const camera = this.scene.activeCamera;
+        if (camera) {
+            const anchorList = camera.metadata?.cameraAnchorList || [];
+            const anchor = anchorList.find(item => item.name === name);
+            if (anchor) {
+                return SceneLoader.FlyTo(camera, anchor, duration);
+            }
+        }
+        return Promise.resolve();
+    }
+    /**
+     * 根据名称摄影机飞行到设置的锚点
+     * @param name 摄影机锚点名称
+     * @param duration 飞行时间毫秒，ms
+     */
+    flyToAnchorByIndex(index, duration = 2000) {
+        const camera = this.scene.activeCamera;
+        if (camera) {
+            const anchorList = camera.metadata?.cameraAnchorList || [];
+            const anchor = anchorList[index];
+            if (anchor) {
+                return SceneLoader.FlyTo(camera, anchor, duration);
+            }
+        }
+        return Promise.resolve();
+    }
+    /**
+     * 摄影机飞行到
+     * @param anchor 目标节点
+     * @param duration 飞行时间毫秒，ms
+     * @param camera 指定飞行摄影机
+     */
+    static FlyTo(camera, anchor, duration = 2000) {
+        return new Promise((resolve, reject) => {
+            const easeFunction = new QuadraticEase();
+            easeFunction.setEasingMode(EasingFunction.EASINGMODE_EASEOUT);
+            const startTime = Date.now();
+            const currentAnchor = {
+                name: '锚点3',
+                position: camera.position.asArray(),
+                target: [0, 0, 0],
+                radius: 0,
+                alpha: 0,
+                beta: 0
+            };
+            if (camera instanceof ArcRotateCamera) {
+                currentAnchor.radius = camera.radius;
+                currentAnchor.alpha = camera.alpha % (2 * Math.PI);
+                currentAnchor.beta = camera.beta % (Math.PI);
+                currentAnchor.target = camera.target.asArray();
+                if (Math.abs(currentAnchor.alpha - anchor.alpha) > Math.PI) {
+                    if (anchor.alpha > currentAnchor.alpha) {
+                        anchor.alpha -= 2 * Math.PI;
+                    }
+                    else {
+                        anchor.alpha += 2 * Math.PI;
+                    }
+                }
+            }
+            if (camera instanceof TargetCamera) {
+                currentAnchor.target = camera.target.asArray();
+            }
+            const getLinearValue = (start, end, val) => {
+                return start + (end - start) * val;
+            };
+            const animate = () => {
+                const elapsedTime = Date.now() - startTime;
+                const val = easeFunction.ease(elapsedTime / duration);
+                if (elapsedTime < duration) {
+                    requestAnimationFrame(animate);
+                }
+                if (camera instanceof ArcRotateCamera) {
+                    camera.radius = getLinearValue(currentAnchor.radius, anchor.radius, val);
+                    camera.alpha = getLinearValue(currentAnchor.alpha, anchor.alpha, val);
+                    camera.beta = getLinearValue(currentAnchor.beta, anchor.beta, val);
+                    const x = getLinearValue(currentAnchor.target[0], anchor.target[0], val);
+                    const y = getLinearValue(currentAnchor.target[1], anchor.target[1], val);
+                    const z = getLinearValue(currentAnchor.target[2], anchor.target[2], val);
+                    camera.target.x = x;
+                    camera.target.y = y;
+                    camera.target.z = z;
+                }
+                else if (camera instanceof TargetCamera) {
+                    const px = getLinearValue(currentAnchor.position[0], anchor.position[0], val);
+                    const py = getLinearValue(currentAnchor.position[1], anchor.position[1], val);
+                    const pz = getLinearValue(currentAnchor.position[2], anchor.position[2], val);
+                    camera.position = new Vector3(px, py, pz);
+                    const x = getLinearValue(currentAnchor.target[0], anchor.target[0], val);
+                    const y = getLinearValue(currentAnchor.target[1], anchor.target[1], val);
+                    const z = getLinearValue(currentAnchor.target[2], anchor.target[2], val);
+                    camera.target.x = x;
+                    camera.target.y = y;
+                    camera.target.z = z;
+                }
+                if (elapsedTime >= duration) {
+                    resolve();
+                }
+            };
+            animate();
+        });
+    }
+    /**
+     * 摄影机定位到
+     * @param anchor 目标节点
+     * @param camera 指定查看摄影机
+     */
+    static ViewTo(camera, anchor) {
+        let activeCamera = camera;
+        if (activeCamera) {
+            activeCamera.position = new Vector3(anchor.position[0], anchor.position[1], anchor.position[2]);
+            if (activeCamera instanceof ArcRotateCamera) {
+                activeCamera.radius = anchor.radius;
+                activeCamera.alpha = anchor.alpha;
+                activeCamera.beta = anchor.beta;
+            }
+            else if (activeCamera instanceof TargetCamera) {
+                activeCamera.setTarget(new Vector3(anchor.target[0], anchor.target[1], anchor.target[2]));
+            }
+        }
+    }
     /**
      * 重置canvas变形后的系统尺寸
      */
@@ -159,7 +402,7 @@ export class SceneLoader {
      */
     static LoadCustomSystem() { }
 }
-export function loadScene(container, sceneData, scriptsMap = {}) {
-    const sceneLoader = new SceneLoader(container, sceneData, scriptsMap);
+export function loadScene(container, sceneData, scriptsMap = {}, option) {
+    const sceneLoader = new SceneLoader(container, sceneData, scriptsMap, option);
     return sceneLoader;
 }