babyeditor-tool 0.0.5

package/README.md

@@ -0,0 +1,38 @@
+# babyeditor-tool
+
+三维场景编辑器 BabyEditor 的官方场景工具库，基于 Babylon.js，适用于 WebGL/WebGPU 项目，支持场景加载、导出、编辑等功能。
+
+## 特性
+- 支持 Babylon.js 场景文件的加载与导出
+- 适用于现代 WebGL/WebGPU 应用
+- 体积小，易于集成
+- TypeScript 类型支持
+
+## 安装
+
+```bash
+npm install babyeditor-tool
+# 或者
+yarn add babyeditor-tool
+```
+
+## 使用示例
+
+```js
+import { loadScene } from 'babyeditor-tool';
+import SceneScript from './scene.script'
+
+const scriptMap = {
+  'mapkey': SceneScript
+}
+
+// 加载场景
+const sceneLoader = loadScene(div, sceneData, scriptMap);
+```
+
+## API 文档
+详见 [类型定义文件](./types/index.d.ts) 或源码注释。
+
+## 依赖
+- [babylonjs](https://www.npmjs.com/package/babylonjs) >= 8.0.0
+

package/dist/babyeditor.tool.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("@babylonjs/core");require("@babylonjs/materials"),require("@babylonjs/loaders"),require("@babylonjs/post-processes"),require("@babylonjs/procedural-textures");const s=require("@babylonjs/havok");var t=Object.defineProperty,n=(e,s,n)=>((e,s,n)=>s in e?t(e,s,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[s]=n)(e,"symbol"!=typeof s?s+"":s,n);class i{constructor(s,t,i){n(this,"container"),n(this,"canvas"),n(this,"engine"),n(this,"scene"),n(this,"sceneData",""),n(this,"scritpsMap",{}),n(this,"scriptInstanceList",[]),this.container=s,this.canvas=document.createElement("canvas"),this.canvas.className="main-display-canvas",this.canvas.width=s.clientWidth,this.canvas.height=s.clientHeight,this.container.appendChild(this.canvas),this.engine=new e.Engine(this.canvas,!0),this.scene=new e.Scene(this.engine),this.load(t,i)}async load(t,n){this.scene&&this.scene.dispose(),n&&(this.scritpsMap=n),this.scene=new e.Scene(this.engine),this.sceneData=t,this.scriptInstanceList=[],this.scene.onBeforeRenderObservable.add(()=>{if(this.scriptInstanceList){const e=this.engine.getDeltaTime();for(let s=0;s<this.scriptInstanceList.length;s++){const t=this.scriptInstanceList[s];t.update&&t.update(e)}}});const i=await s();let a;this.scene.enablePhysics(new e.Vector3(0,-9.81,0),new e.HavokPlugin(!0,i)),await e.AppendSceneAsync("data:"+t,this.scene),a=0===this.scene.cameras.length?new e.FreeCamera("摄影机",new e.Vector3(50,50,50),this.scene,!0):this.scene.activeCamera||this.scene.cameras[0],a.attachControl(this.canvas),n&&this.initScripts(n),this.render()}initScripts(e){if(!e)return;if(this.scene.metadata){const s=this.scene.metadata.scripts;s&&s.length>0&&this.runScript(this.scene,e,s)}const s=this.scene.getNodes();for(let t=0;t<s.length;t++){const n=s[t];n.metadata?.scripts&&n.metadata.scripts.length>0&&this.runScript(n,e,n.metadata.scripts)}}runScript(e,s,t){if(t)for(let n=0;n<t.length;n++){const i=t[n];for(const t in s)if(Object.prototype.hasOwnProperty.call(s,t)&&t===i.key&&!0!==i.disabled){let t=s[i.key];if(t instanceof Function){const s=new t(this.scene,e,i.values||{});if(s.start&&s.start(),s.dispose&&e.onDisposeObservable){const t=s.dispose;e.onDisposeObservable.addOnce(t.bind(s))}this.scriptInstanceList.push(s)}}}}render(){let e=this.scene;this.engine.runRenderLoop(()=>{e.render()})}resize(){this.engine.resize()}dispose(){this.scene.dispose(),this.engine.dispose()}}exports.SceneLoader=i,exports.loadScene=function(e,s,t={}){return new i(e,s,t)};
+//# sourceMappingURL=babyeditor.tool.cjs.js.map

package/dist/babyeditor.tool.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"babyeditor.tool.cjs.js","sources":["../../src/tool/SceneLoader.ts"],"sourcesContent":["import { Engine, Scene, Nullable, FreeCamera, Vector3, HavokPlugin, AppendSceneAsync, AbstractMesh, Camera, Node, TransformNode } from \"@babylonjs/core\";\r\nimport '@babylonjs/materials'\r\nimport '@babylonjs/loaders'\r\nimport '@babylonjs/post-processes'\r\nimport '@babylonjs/procedural-textures'\r\nimport HavokPhysics from \"@babylonjs/havok\";\r\n\r\n/**\r\n * 脚本接口\r\n */\r\nexport interface ScriptsMap {\r\n  [index: string]: IScript | Function;\r\n}\r\n\r\n/**\r\n * 字符串字典\r\n */\r\nexport interface IStringDictionary<T> {\r\n  [index: string]: T;\r\n}\r\n\r\n/**\r\n * 行为脚本接口\r\n */\r\nexport interface BehaviorScript {\r\n  // 脚本类型\r\n  type: 'script',\r\n  // 是否启用脚本\r\n  disabled: boolean,\r\n  // 是否从资源中找不到对应的文件\r\n  isLoss?: boolean,\r\n  // 脚本标识key, 对应脚本资源的的请求路径\r\n  key: string,\r\n  // 脚本参数\r\n  values: IStringDictionary<any>\r\n}\r\n\r\n/**\r\n * 运行场景加载的核心类\r\n * @description 在这里创建初始化场景所需要的一切的东西\r\n */\r\nexport class SceneLoader {\r\n  /**\r\n   * 场景容器\r\n   */\r\n  container: HTMLElement\r\n  /**\r\n   * 画布\r\n   */\r\n  canvas: HTMLCanvasElement\r\n  /**\r\n   * 引擎\r\n   */\r\n  engine: Engine\r\n  /**\r\n   * 场景\r\n   */\r\n  scene: Scene\r\n  /**\r\n   * 场景数据\r\n   */\r\n  sceneData: string = ''\r\n  /**\r\n   * 脚本代码列表\r\n   */\r\n  scritpsMap: ScriptsMap = {}\r\n  /**\r\n   * 脚本实例列表\r\n   */\r\n  private scriptInstanceList: IScript[] = []\r\n  /**\r\n   * 构造函数\r\n   * @param container 容器\r\n   * @param sceneData 场景数据\r\n   * @param scriptsMap 脚本代码列表\r\n   */\r\n  constructor(container: HTMLDivElement, sceneData: string, scriptsMap?: ScriptsMap) {\r\n    this.container = container\r\n    this.canvas = document.createElement('canvas')\r\n    this.canvas.className = 'main-display-canvas'\r\n    this.canvas.width = container.clientWidth\r\n    this.canvas.height = container.clientHeight\r\n    this.container.appendChild(this.canvas)\r\n    this.engine = new Engine(this.canvas, true)\r\n    this.scene = new Scene(this.engine)\r\n\r\n    this.load(sceneData, scriptsMap)\r\n  }\r\n\r\n  /**\r\n   * 加载场景\r\n   * @param sceneData 场景数据数据\r\n   * @param scriptsMap 代码脚本地图\r\n   */\r\n  async load (sceneData: string, scriptsMap?: ScriptsMap) {\r\n    if (this.scene) {\r\n      this.scene.dispose()\r\n    }\r\n    if (scriptsMap) this.scritpsMap = scriptsMap\r\n    this.scene = new Scene(this.engine)\r\n    this.sceneData = sceneData\r\n    this.scriptInstanceList = []\r\n\r\n    // 执行更新代码\r\n    this.scene.onBeforeRenderObservable.add(() => {\r\n      if (this.scriptInstanceList) {\r\n        const deltaTime = this.engine.getDeltaTime()\r\n        for (let i = 0; i < this.scriptInstanceList.length; i++) {\r\n          const script = this.scriptInstanceList[i];\r\n          if (script.update) {\r\n            script.update(deltaTime)\r\n          }\r\n        }\r\n      }\r\n    })\r\n\r\n    const havokModule = await HavokPhysics()\r\n    this.scene.enablePhysics(new Vector3(0, -9.81, 0), new HavokPlugin(true, havokModule));\r\n\r\n    await AppendSceneAsync('data:' + sceneData, this.scene)\r\n    let camera\r\n    if (this.scene.cameras.length === 0) {\r\n      camera = new FreeCamera('摄影机', new Vector3(50, 50, 50), this.scene, true)\r\n      console.log('场景中无摄影机，自动创建摄影机')\r\n    } else {\r\n      camera = this.scene.activeCamera || this.scene.cameras[0]\r\n      console.log('解析并使用场景摄影机')\r\n    }\r\n    camera.attachControl(this.canvas)\r\n\r\n    if (scriptsMap) this.initScripts(scriptsMap)\r\n    console.log('完成场景初始化')\r\n\r\n    this.render()\r\n  }\r\n\r\n  /**\r\n   * 初始化脚本\r\n   */\r\n  private initScripts(scriptsMap: ScriptsMap) {\r\n    if (!scriptsMap) return\r\n\r\n    if (this.scene.metadata) {\r\n      const scriptList = this.scene.metadata.scripts as BehaviorScript[]\r\n      if (scriptList && scriptList.length > 0) {\r\n        this.runScript(this.scene, scriptsMap, scriptList)\r\n      }\r\n    }\r\n\r\n    const nodes = this.scene.getNodes()\r\n    for (let i = 0; i < nodes.length; i++) {\r\n      const node = nodes[i];\r\n\r\n      if (node.metadata?.scripts && node.metadata.scripts.length > 0) {\r\n        this.runScript(node, scriptsMap, node.metadata.scripts)\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * 执行代码\r\n   * @param node 代码绑定对象\r\n   * @param scriptsMap 注入的全部脚本\r\n   * @param scriptList 对象绑定的代码列表\r\n   * @returns \r\n   */\r\n  private runScript (node: Scene | Node, scriptsMap: ScriptsMap, scriptList?: BehaviorScript[]) {\r\n    if (!scriptList) return\r\n    for (let i = 0; i < scriptList.length; i++) {\r\n      const script: BehaviorScript = scriptList[i];\r\n\r\n      for (const key in scriptsMap) {\r\n        if (Object.prototype.hasOwnProperty.call(scriptsMap, key)) {\r\n          if (key === script.key && script.disabled !== true) {\r\n            let constructor: any = scriptsMap[script.key]\r\n\r\n            if (constructor instanceof Function) {\r\n              const instance = new (constructor)(this.scene, node, script.values || {})\r\n\r\n              if (instance.start) instance.start()\r\n\r\n              if (instance.dispose && node.onDisposeObservable) {\r\n                const callback: any = instance.dispose\r\n                node.onDisposeObservable.addOnce(callback.bind(instance))\r\n              }\r\n\r\n              this.scriptInstanceList.push(instance)\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * 开始渲染循环\r\n   */\r\n  private render() {\r\n    let scene = this.scene\r\n    this.engine.runRenderLoop(() => {\r\n      scene.render()\r\n    })\r\n  }\r\n\r\n  /**\r\n   * 重置canvas变形后的系统尺寸\r\n   */\r\n  resize() {\r\n    this.engine.resize()\r\n  }\r\n\r\n  dispose() {\r\n    this.scene.dispose()\r\n    this.engine.dispose()\r\n  }\r\n}\r\n\r\nexport function loadScene (container: HTMLDivElement, sceneData: string, scriptsMap: ScriptsMap = {}) {\r\n  const sceneLoader = new SceneLoader(container, sceneData, scriptsMap)\r\n\r\n  return sceneLoader\r\n}\r\n\r\nexport type IScript = {\r\n  start?: () => void,\r\n  update?: (deltaTime: number) => void,\r\n  dispose?: () => void,\r\n}\r\n"],"names":["SceneLoader","constructor","container","sceneData","scriptsMap","__publicField","this","canvas","document","createElement","className","width","clientWidth","height","clientHeight","appendChild","engine","Engine","scene","Scene","load","dispose","scritpsMap","scriptInstanceList","onBeforeRenderObservable","add","deltaTime","getDeltaTime","i","length","script","update","havokModule","HavokPhysics","camera","enablePhysics","Vector3","HavokPlugin","AppendSceneAsync","cameras","FreeCamera","activeCamera","attachControl","initScripts","render","metadata","scriptList","scripts","runScript","nodes","getNodes","node","key","Object","prototype","hasOwnProperty","call","disabled","Function","instance","values","start","onDisposeObservable","callback","addOnce","bind","push","runRenderLoop","resize"],"mappings":"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"}

package/dist/babyeditor.tool.es.js

@@ -0,0 +1,148 @@
+import { Engine, Scene, Vector3, HavokPlugin, AppendSceneAsync, FreeCamera } from "@babylonjs/core";
+import "@babylonjs/materials";
+import "@babylonjs/loaders";
+import "@babylonjs/post-processes";
+import "@babylonjs/procedural-textures";
+import HavokPhysics from "@babylonjs/havok";
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+class SceneLoader {
+  /**
+   * 构造函数
+   * @param container 容器
+   * @param sceneData 场景数据
+   * @param scriptsMap 脚本代码列表
+   */
+  constructor(container, sceneData, scriptsMap) {
+    __publicField(this, "container");
+    __publicField(this, "canvas");
+    __publicField(this, "engine");
+    __publicField(this, "scene");
+    __publicField(this, "sceneData", "");
+    __publicField(this, "scritpsMap", {});
+    __publicField(this, "scriptInstanceList", []);
+    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.scene = new Scene(this.engine);
+    this.load(sceneData, scriptsMap);
+  }
+  /**
+   * 加载场景
+   * @param sceneData 场景数据数据
+   * @param scriptsMap 代码脚本地图
+   */
+  async load(sceneData, scriptsMap) {
+    if (this.scene) {
+      this.scene.dispose();
+    }
+    if (scriptsMap) this.scritpsMap = scriptsMap;
+    this.scene = new Scene(this.engine);
+    this.sceneData = sceneData;
+    this.scriptInstanceList = [];
+    this.scene.onBeforeRenderObservable.add(() => {
+      if (this.scriptInstanceList) {
+        const deltaTime = this.engine.getDeltaTime();
+        for (let i = 0; i < this.scriptInstanceList.length; i++) {
+          const script = this.scriptInstanceList[i];
+          if (script.update) {
+            script.update(deltaTime);
+          }
+        }
+      }
+    });
+    const havokModule = await HavokPhysics();
+    this.scene.enablePhysics(new Vector3(0, -9.81, 0), new HavokPlugin(true, havokModule));
+    await AppendSceneAsync("data:" + sceneData, this.scene);
+    let camera;
+    if (this.scene.cameras.length === 0) {
+      camera = new FreeCamera("摄影机", new Vector3(50, 50, 50), this.scene, true);
+    } else {
+      camera = this.scene.activeCamera || this.scene.cameras[0];
+    }
+    camera.attachControl(this.canvas);
+    if (scriptsMap) this.initScripts(scriptsMap);
+    this.render();
+  }
+  /**
+   * 初始化脚本
+   */
+  initScripts(scriptsMap) {
+    if (!scriptsMap) return;
+    if (this.scene.metadata) {
+      const scriptList = this.scene.metadata.scripts;
+      if (scriptList && scriptList.length > 0) {
+        this.runScript(this.scene, scriptsMap, scriptList);
+      }
+    }
+    const nodes = this.scene.getNodes();
+    for (let i = 0; i < nodes.length; i++) {
+      const node = nodes[i];
+      if (node.metadata?.scripts && node.metadata.scripts.length > 0) {
+        this.runScript(node, scriptsMap, node.metadata.scripts);
+      }
+    }
+  }
+  /**
+   * 执行代码
+   * @param node 代码绑定对象
+   * @param scriptsMap 注入的全部脚本
+   * @param scriptList 对象绑定的代码列表
+   * @returns 
+   */
+  runScript(node, scriptsMap, scriptList) {
+    if (!scriptList) return;
+    for (let i = 0; i < scriptList.length; i++) {
+      const script = scriptList[i];
+      for (const key in scriptsMap) {
+        if (Object.prototype.hasOwnProperty.call(scriptsMap, key)) {
+          if (key === script.key && script.disabled !== true) {
+            let constructor = scriptsMap[script.key];
+            if (constructor instanceof Function) {
+              const instance = new constructor(this.scene, node, script.values || {});
+              if (instance.start) instance.start();
+              if (instance.dispose && node.onDisposeObservable) {
+                const callback = instance.dispose;
+                node.onDisposeObservable.addOnce(callback.bind(instance));
+              }
+              this.scriptInstanceList.push(instance);
+            }
+          }
+        }
+      }
+    }
+  }
+  /**
+   * 开始渲染循环
+   */
+  render() {
+    let scene = this.scene;
+    this.engine.runRenderLoop(() => {
+      scene.render();
+    });
+  }
+  /**
+   * 重置canvas变形后的系统尺寸
+   */
+  resize() {
+    this.engine.resize();
+  }
+  dispose() {
+    this.scene.dispose();
+    this.engine.dispose();
+  }
+}
+function loadScene(container, sceneData, scriptsMap = {}) {
+  const sceneLoader = new SceneLoader(container, sceneData, scriptsMap);
+  return sceneLoader;
+}
+export {
+  SceneLoader,
+  loadScene
+};
+//# sourceMappingURL=babyeditor.tool.es.js.map

package/dist/babyeditor.tool.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"babyeditor.tool.es.js","sources":["../../src/tool/SceneLoader.ts"],"sourcesContent":["import { Engine, Scene, Nullable, FreeCamera, Vector3, HavokPlugin, AppendSceneAsync, AbstractMesh, Camera, Node, TransformNode } from \"@babylonjs/core\";\r\nimport '@babylonjs/materials'\r\nimport '@babylonjs/loaders'\r\nimport '@babylonjs/post-processes'\r\nimport '@babylonjs/procedural-textures'\r\nimport HavokPhysics from \"@babylonjs/havok\";\r\n\r\n/**\r\n * 脚本接口\r\n */\r\nexport interface ScriptsMap {\r\n  [index: string]: IScript | Function;\r\n}\r\n\r\n/**\r\n * 字符串字典\r\n */\r\nexport interface IStringDictionary<T> {\r\n  [index: string]: T;\r\n}\r\n\r\n/**\r\n * 行为脚本接口\r\n */\r\nexport interface BehaviorScript {\r\n  // 脚本类型\r\n  type: 'script',\r\n  // 是否启用脚本\r\n  disabled: boolean,\r\n  // 是否从资源中找不到对应的文件\r\n  isLoss?: boolean,\r\n  // 脚本标识key, 对应脚本资源的的请求路径\r\n  key: string,\r\n  // 脚本参数\r\n  values: IStringDictionary<any>\r\n}\r\n\r\n/**\r\n * 运行场景加载的核心类\r\n * @description 在这里创建初始化场景所需要的一切的东西\r\n */\r\nexport class SceneLoader {\r\n  /**\r\n   * 场景容器\r\n   */\r\n  container: HTMLElement\r\n  /**\r\n   * 画布\r\n   */\r\n  canvas: HTMLCanvasElement\r\n  /**\r\n   * 引擎\r\n   */\r\n  engine: Engine\r\n  /**\r\n   * 场景\r\n   */\r\n  scene: Scene\r\n  /**\r\n   * 场景数据\r\n   */\r\n  sceneData: string = ''\r\n  /**\r\n   * 脚本代码列表\r\n   */\r\n  scritpsMap: ScriptsMap = {}\r\n  /**\r\n   * 脚本实例列表\r\n   */\r\n  private scriptInstanceList: IScript[] = []\r\n  /**\r\n   * 构造函数\r\n   * @param container 容器\r\n   * @param sceneData 场景数据\r\n   * @param scriptsMap 脚本代码列表\r\n   */\r\n  constructor(container: HTMLDivElement, sceneData: string, scriptsMap?: ScriptsMap) {\r\n    this.container = container\r\n    this.canvas = document.createElement('canvas')\r\n    this.canvas.className = 'main-display-canvas'\r\n    this.canvas.width = container.clientWidth\r\n    this.canvas.height = container.clientHeight\r\n    this.container.appendChild(this.canvas)\r\n    this.engine = new Engine(this.canvas, true)\r\n    this.scene = new Scene(this.engine)\r\n\r\n    this.load(sceneData, scriptsMap)\r\n  }\r\n\r\n  /**\r\n   * 加载场景\r\n   * @param sceneData 场景数据数据\r\n   * @param scriptsMap 代码脚本地图\r\n   */\r\n  async load (sceneData: string, scriptsMap?: ScriptsMap) {\r\n    if (this.scene) {\r\n      this.scene.dispose()\r\n    }\r\n    if (scriptsMap) this.scritpsMap = scriptsMap\r\n    this.scene = new Scene(this.engine)\r\n    this.sceneData = sceneData\r\n    this.scriptInstanceList = []\r\n\r\n    // 执行更新代码\r\n    this.scene.onBeforeRenderObservable.add(() => {\r\n      if (this.scriptInstanceList) {\r\n        const deltaTime = this.engine.getDeltaTime()\r\n        for (let i = 0; i < this.scriptInstanceList.length; i++) {\r\n          const script = this.scriptInstanceList[i];\r\n          if (script.update) {\r\n            script.update(deltaTime)\r\n          }\r\n        }\r\n      }\r\n    })\r\n\r\n    const havokModule = await HavokPhysics()\r\n    this.scene.enablePhysics(new Vector3(0, -9.81, 0), new HavokPlugin(true, havokModule));\r\n\r\n    await AppendSceneAsync('data:' + sceneData, this.scene)\r\n    let camera\r\n    if (this.scene.cameras.length === 0) {\r\n      camera = new FreeCamera('摄影机', new Vector3(50, 50, 50), this.scene, true)\r\n      console.log('场景中无摄影机，自动创建摄影机')\r\n    } else {\r\n      camera = this.scene.activeCamera || this.scene.cameras[0]\r\n      console.log('解析并使用场景摄影机')\r\n    }\r\n    camera.attachControl(this.canvas)\r\n\r\n    if (scriptsMap) this.initScripts(scriptsMap)\r\n    console.log('完成场景初始化')\r\n\r\n    this.render()\r\n  }\r\n\r\n  /**\r\n   * 初始化脚本\r\n   */\r\n  private initScripts(scriptsMap: ScriptsMap) {\r\n    if (!scriptsMap) return\r\n\r\n    if (this.scene.metadata) {\r\n      const scriptList = this.scene.metadata.scripts as BehaviorScript[]\r\n      if (scriptList && scriptList.length > 0) {\r\n        this.runScript(this.scene, scriptsMap, scriptList)\r\n      }\r\n    }\r\n\r\n    const nodes = this.scene.getNodes()\r\n    for (let i = 0; i < nodes.length; i++) {\r\n      const node = nodes[i];\r\n\r\n      if (node.metadata?.scripts && node.metadata.scripts.length > 0) {\r\n        this.runScript(node, scriptsMap, node.metadata.scripts)\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * 执行代码\r\n   * @param node 代码绑定对象\r\n   * @param scriptsMap 注入的全部脚本\r\n   * @param scriptList 对象绑定的代码列表\r\n   * @returns \r\n   */\r\n  private runScript (node: Scene | Node, scriptsMap: ScriptsMap, scriptList?: BehaviorScript[]) {\r\n    if (!scriptList) return\r\n    for (let i = 0; i < scriptList.length; i++) {\r\n      const script: BehaviorScript = scriptList[i];\r\n\r\n      for (const key in scriptsMap) {\r\n        if (Object.prototype.hasOwnProperty.call(scriptsMap, key)) {\r\n          if (key === script.key && script.disabled !== true) {\r\n            let constructor: any = scriptsMap[script.key]\r\n\r\n            if (constructor instanceof Function) {\r\n              const instance = new (constructor)(this.scene, node, script.values || {})\r\n\r\n              if (instance.start) instance.start()\r\n\r\n              if (instance.dispose && node.onDisposeObservable) {\r\n                const callback: any = instance.dispose\r\n                node.onDisposeObservable.addOnce(callback.bind(instance))\r\n              }\r\n\r\n              this.scriptInstanceList.push(instance)\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * 开始渲染循环\r\n   */\r\n  private render() {\r\n    let scene = this.scene\r\n    this.engine.runRenderLoop(() => {\r\n      scene.render()\r\n    })\r\n  }\r\n\r\n  /**\r\n   * 重置canvas变形后的系统尺寸\r\n   */\r\n  resize() {\r\n    this.engine.resize()\r\n  }\r\n\r\n  dispose() {\r\n    this.scene.dispose()\r\n    this.engine.dispose()\r\n  }\r\n}\r\n\r\nexport function loadScene (container: HTMLDivElement, sceneData: string, scriptsMap: ScriptsMap = {}) {\r\n  const sceneLoader = new SceneLoader(container, sceneData, scriptsMap)\r\n\r\n  return sceneLoader\r\n}\r\n\r\nexport type IScript = {\r\n  start?: () => void,\r\n  update?: (deltaTime: number) => void,\r\n  dispose?: () => void,\r\n}\r\n"],"names":[],"mappings":"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"}

package/dist/babyeditor.tool.umd.js

@@ -0,0 +1,2 @@
+!function(e,s){"object"==typeof exports&&"undefined"!=typeof module?s(exports,require("@babylonjs/core"),require("@babylonjs/materials"),require("@babylonjs/loaders"),require("@babylonjs/post-processes"),require("@babylonjs/procedural-textures"),require("@babylonjs/havok")):"function"==typeof define&&define.amd?define(["exports","@babylonjs/core","@babylonjs/materials","@babylonjs/loaders","@babylonjs/post-processes","@babylonjs/procedural-textures","@babylonjs/havok"],s):s(((e="undefined"!=typeof globalThis?globalThis:e||self).BabyEditor=e.BabyEditor||{},e.BabyEditor.Tool={}),e.BABYLON,null,null,null,null,e.HavokPhysics)}(this,function(e,s,t,n,i,a,c){"use strict";var r=Object.defineProperty,o=(e,s,t)=>((e,s,t)=>s in e?r(e,s,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[s]=t)(e,"symbol"!=typeof s?s+"":s,t);class h{constructor(e,t,n){o(this,"container"),o(this,"canvas"),o(this,"engine"),o(this,"scene"),o(this,"sceneData",""),o(this,"scritpsMap",{}),o(this,"scriptInstanceList",[]),this.container=e,this.canvas=document.createElement("canvas"),this.canvas.className="main-display-canvas",this.canvas.width=e.clientWidth,this.canvas.height=e.clientHeight,this.container.appendChild(this.canvas),this.engine=new s.Engine(this.canvas,!0),this.scene=new s.Scene(this.engine),this.load(t,n)}async load(e,t){this.scene&&this.scene.dispose(),t&&(this.scritpsMap=t),this.scene=new s.Scene(this.engine),this.sceneData=e,this.scriptInstanceList=[],this.scene.onBeforeRenderObservable.add(()=>{if(this.scriptInstanceList){const e=this.engine.getDeltaTime();for(let s=0;s<this.scriptInstanceList.length;s++){const t=this.scriptInstanceList[s];t.update&&t.update(e)}}});const n=await c();let i;this.scene.enablePhysics(new s.Vector3(0,-9.81,0),new s.HavokPlugin(!0,n)),await s.AppendSceneAsync("data:"+e,this.scene),i=0===this.scene.cameras.length?new s.FreeCamera("摄影机",new s.Vector3(50,50,50),this.scene,!0):this.scene.activeCamera||this.scene.cameras[0],i.attachControl(this.canvas),t&&this.initScripts(t),this.render()}initScripts(e){if(!e)return;if(this.scene.metadata){const s=this.scene.metadata.scripts;s&&s.length>0&&this.runScript(this.scene,e,s)}const s=this.scene.getNodes();for(let t=0;t<s.length;t++){const n=s[t];n.metadata?.scripts&&n.metadata.scripts.length>0&&this.runScript(n,e,n.metadata.scripts)}}runScript(e,s,t){if(t)for(let n=0;n<t.length;n++){const i=t[n];for(const t in s)if(Object.prototype.hasOwnProperty.call(s,t)&&t===i.key&&!0!==i.disabled){let t=s[i.key];if(t instanceof Function){const s=new t(this.scene,e,i.values||{});if(s.start&&s.start(),s.dispose&&e.onDisposeObservable){const t=s.dispose;e.onDisposeObservable.addOnce(t.bind(s))}this.scriptInstanceList.push(s)}}}}render(){let e=this.scene;this.engine.runRenderLoop(()=>{e.render()})}resize(){this.engine.resize()}dispose(){this.scene.dispose(),this.engine.dispose()}}e.SceneLoader=h,e.loadScene=function(e,s,t={}){return new h(e,s,t)},Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})});
+//# sourceMappingURL=babyeditor.tool.umd.js.map

package/dist/babyeditor.tool.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"babyeditor.tool.umd.js","sources":["../../src/tool/SceneLoader.ts"],"sourcesContent":["import { Engine, Scene, Nullable, FreeCamera, Vector3, HavokPlugin, AppendSceneAsync, AbstractMesh, Camera, Node, TransformNode } from \"@babylonjs/core\";\r\nimport '@babylonjs/materials'\r\nimport '@babylonjs/loaders'\r\nimport '@babylonjs/post-processes'\r\nimport '@babylonjs/procedural-textures'\r\nimport HavokPhysics from \"@babylonjs/havok\";\r\n\r\n/**\r\n * 脚本接口\r\n */\r\nexport interface ScriptsMap {\r\n  [index: string]: IScript | Function;\r\n}\r\n\r\n/**\r\n * 字符串字典\r\n */\r\nexport interface IStringDictionary<T> {\r\n  [index: string]: T;\r\n}\r\n\r\n/**\r\n * 行为脚本接口\r\n */\r\nexport interface BehaviorScript {\r\n  // 脚本类型\r\n  type: 'script',\r\n  // 是否启用脚本\r\n  disabled: boolean,\r\n  // 是否从资源中找不到对应的文件\r\n  isLoss?: boolean,\r\n  // 脚本标识key, 对应脚本资源的的请求路径\r\n  key: string,\r\n  // 脚本参数\r\n  values: IStringDictionary<any>\r\n}\r\n\r\n/**\r\n * 运行场景加载的核心类\r\n * @description 在这里创建初始化场景所需要的一切的东西\r\n */\r\nexport class SceneLoader {\r\n  /**\r\n   * 场景容器\r\n   */\r\n  container: HTMLElement\r\n  /**\r\n   * 画布\r\n   */\r\n  canvas: HTMLCanvasElement\r\n  /**\r\n   * 引擎\r\n   */\r\n  engine: Engine\r\n  /**\r\n   * 场景\r\n   */\r\n  scene: Scene\r\n  /**\r\n   * 场景数据\r\n   */\r\n  sceneData: string = ''\r\n  /**\r\n   * 脚本代码列表\r\n   */\r\n  scritpsMap: ScriptsMap = {}\r\n  /**\r\n   * 脚本实例列表\r\n   */\r\n  private scriptInstanceList: IScript[] = []\r\n  /**\r\n   * 构造函数\r\n   * @param container 容器\r\n   * @param sceneData 场景数据\r\n   * @param scriptsMap 脚本代码列表\r\n   */\r\n  constructor(container: HTMLDivElement, sceneData: string, scriptsMap?: ScriptsMap) {\r\n    this.container = container\r\n    this.canvas = document.createElement('canvas')\r\n    this.canvas.className = 'main-display-canvas'\r\n    this.canvas.width = container.clientWidth\r\n    this.canvas.height = container.clientHeight\r\n    this.container.appendChild(this.canvas)\r\n    this.engine = new Engine(this.canvas, true)\r\n    this.scene = new Scene(this.engine)\r\n\r\n    this.load(sceneData, scriptsMap)\r\n  }\r\n\r\n  /**\r\n   * 加载场景\r\n   * @param sceneData 场景数据数据\r\n   * @param scriptsMap 代码脚本地图\r\n   */\r\n  async load (sceneData: string, scriptsMap?: ScriptsMap) {\r\n    if (this.scene) {\r\n      this.scene.dispose()\r\n    }\r\n    if (scriptsMap) this.scritpsMap = scriptsMap\r\n    this.scene = new Scene(this.engine)\r\n    this.sceneData = sceneData\r\n    this.scriptInstanceList = []\r\n\r\n    // 执行更新代码\r\n    this.scene.onBeforeRenderObservable.add(() => {\r\n      if (this.scriptInstanceList) {\r\n        const deltaTime = this.engine.getDeltaTime()\r\n        for (let i = 0; i < this.scriptInstanceList.length; i++) {\r\n          const script = this.scriptInstanceList[i];\r\n          if (script.update) {\r\n            script.update(deltaTime)\r\n          }\r\n        }\r\n      }\r\n    })\r\n\r\n    const havokModule = await HavokPhysics()\r\n    this.scene.enablePhysics(new Vector3(0, -9.81, 0), new HavokPlugin(true, havokModule));\r\n\r\n    await AppendSceneAsync('data:' + sceneData, this.scene)\r\n    let camera\r\n    if (this.scene.cameras.length === 0) {\r\n      camera = new FreeCamera('摄影机', new Vector3(50, 50, 50), this.scene, true)\r\n      console.log('场景中无摄影机，自动创建摄影机')\r\n    } else {\r\n      camera = this.scene.activeCamera || this.scene.cameras[0]\r\n      console.log('解析并使用场景摄影机')\r\n    }\r\n    camera.attachControl(this.canvas)\r\n\r\n    if (scriptsMap) this.initScripts(scriptsMap)\r\n    console.log('完成场景初始化')\r\n\r\n    this.render()\r\n  }\r\n\r\n  /**\r\n   * 初始化脚本\r\n   */\r\n  private initScripts(scriptsMap: ScriptsMap) {\r\n    if (!scriptsMap) return\r\n\r\n    if (this.scene.metadata) {\r\n      const scriptList = this.scene.metadata.scripts as BehaviorScript[]\r\n      if (scriptList && scriptList.length > 0) {\r\n        this.runScript(this.scene, scriptsMap, scriptList)\r\n      }\r\n    }\r\n\r\n    const nodes = this.scene.getNodes()\r\n    for (let i = 0; i < nodes.length; i++) {\r\n      const node = nodes[i];\r\n\r\n      if (node.metadata?.scripts && node.metadata.scripts.length > 0) {\r\n        this.runScript(node, scriptsMap, node.metadata.scripts)\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * 执行代码\r\n   * @param node 代码绑定对象\r\n   * @param scriptsMap 注入的全部脚本\r\n   * @param scriptList 对象绑定的代码列表\r\n   * @returns \r\n   */\r\n  private runScript (node: Scene | Node, scriptsMap: ScriptsMap, scriptList?: BehaviorScript[]) {\r\n    if (!scriptList) return\r\n    for (let i = 0; i < scriptList.length; i++) {\r\n      const script: BehaviorScript = scriptList[i];\r\n\r\n      for (const key in scriptsMap) {\r\n        if (Object.prototype.hasOwnProperty.call(scriptsMap, key)) {\r\n          if (key === script.key && script.disabled !== true) {\r\n            let constructor: any = scriptsMap[script.key]\r\n\r\n            if (constructor instanceof Function) {\r\n              const instance = new (constructor)(this.scene, node, script.values || {})\r\n\r\n              if (instance.start) instance.start()\r\n\r\n              if (instance.dispose && node.onDisposeObservable) {\r\n                const callback: any = instance.dispose\r\n                node.onDisposeObservable.addOnce(callback.bind(instance))\r\n              }\r\n\r\n              this.scriptInstanceList.push(instance)\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * 开始渲染循环\r\n   */\r\n  private render() {\r\n    let scene = this.scene\r\n    this.engine.runRenderLoop(() => {\r\n      scene.render()\r\n    })\r\n  }\r\n\r\n  /**\r\n   * 重置canvas变形后的系统尺寸\r\n   */\r\n  resize() {\r\n    this.engine.resize()\r\n  }\r\n\r\n  dispose() {\r\n    this.scene.dispose()\r\n    this.engine.dispose()\r\n  }\r\n}\r\n\r\nexport function loadScene (container: HTMLDivElement, sceneData: string, scriptsMap: ScriptsMap = {}) {\r\n  const sceneLoader = new SceneLoader(container, sceneData, scriptsMap)\r\n\r\n  return sceneLoader\r\n}\r\n\r\nexport type IScript = {\r\n  start?: () => void,\r\n  update?: (deltaTime: number) => void,\r\n  dispose?: () => void,\r\n}\r\n"],"names":["SceneLoader","constructor","container","sceneData","scriptsMap","__publicField","this","canvas","document","createElement","className","width","clientWidth","height","clientHeight","appendChild","engine","Engine","scene","Scene","load","dispose","scritpsMap","scriptInstanceList","onBeforeRenderObservable","add","deltaTime","getDeltaTime","i","length","script","update","havokModule","HavokPhysics","camera","enablePhysics","Vector3","HavokPlugin","AppendSceneAsync","cameras","FreeCamera","activeCamera","attachControl","initScripts","render","metadata","scriptList","scripts","runScript","nodes","getNodes","node","key","Object","prototype","hasOwnProperty","call","disabled","Function","instance","values","start","onDisposeObservable","callback","addOnce","bind","push","runRenderLoop","resize"],"mappings":"2zBAyCO,MAAMA,EAmCX,WAAAC,CAAYC,EAA2BC,EAAmBC,GA/B1DC,EAAAC,KAAA,aAIAD,EAAAC,KAAA,UAIAD,EAAAC,KAAA,UAIAD,EAAAC,KAAA,SAIAD,EAAAC,KAAA,YAAoB,IAIpBD,EAAAC,KAAA,aAAyB,IAIzBD,EAAAC,KAAQ,qBAAgC,IAQtCA,KAAKJ,UAAYA,EACjBI,KAAKC,OAASC,SAASC,cAAc,UACrCH,KAAKC,OAAOG,UAAY,sBACxBJ,KAAKC,OAAOI,MAAQT,EAAUU,YAC9BN,KAAKC,OAAOM,OAASX,EAAUY,aAC/BR,KAAKJ,UAAUa,YAAYT,KAAKC,QAChCD,KAAKU,OAAS,IAAIC,EAAAA,OAAOX,KAAKC,QAAQ,GACtCD,KAAKY,MAAQ,IAAIC,QAAMb,KAAKU,QAE5BV,KAAKc,KAAKjB,EAAWC,EACvB,CAOA,UAAMgB,CAAMjB,EAAmBC,GACzBE,KAAKY,OACPZ,KAAKY,MAAMG,UAETjB,SAAiBkB,WAAalB,GAClCE,KAAKY,MAAQ,IAAIC,QAAMb,KAAKU,QAC5BV,KAAKH,UAAYA,EACjBG,KAAKiB,mBAAqB,GAG1BjB,KAAKY,MAAMM,yBAAyBC,IAAI,KACtC,GAAInB,KAAKiB,mBAAoB,CAC3B,MAAMG,EAAYpB,KAAKU,OAAOW,eAC9B,IAAA,IAASC,EAAI,EAAGA,EAAItB,KAAKiB,mBAAmBM,OAAQD,IAAK,CACvD,MAAME,EAASxB,KAAKiB,mBAAmBK,GACnCE,EAAOC,QACTD,EAAOC,OAAOL,EAElB,CACF,IAGF,MAAMM,QAAoBC,IAI1B,IAAIC,EAHJ5B,KAAKY,MAAMiB,cAAc,IAAIC,EAAAA,QAAQ,GAAG,KAAO,GAAI,IAAIC,EAAAA,aAAY,EAAML,UAEnEM,EAAAA,iBAAiB,QAAUnC,EAAWG,KAAKY,OAG/CgB,EADgC,IAA9B5B,KAAKY,MAAMqB,QAAQV,OACZ,IAAIW,EAAAA,WAAW,MAAO,IAAIJ,EAAAA,QAAQ,GAAI,GAAI,IAAK9B,KAAKY,OAAO,GAG3DZ,KAAKY,MAAMuB,cAAgBnC,KAAKY,MAAMqB,QAAQ,GAGzDL,EAAOQ,cAAcpC,KAAKC,QAEtBH,GAAYE,KAAKqC,YAAYvC,GAGjCE,KAAKsC,QACP,CAKQ,WAAAD,CAAYvC,GAClB,IAAKA,EAAY,OAEjB,GAAIE,KAAKY,MAAM2B,SAAU,CACvB,MAAMC,EAAaxC,KAAKY,MAAM2B,SAASE,QACnCD,GAAcA,EAAWjB,OAAS,GACpCvB,KAAK0C,UAAU1C,KAAKY,MAAOd,EAAY0C,EAE3C,CAEA,MAAMG,EAAQ3C,KAAKY,MAAMgC,WACzB,IAAA,IAAStB,EAAI,EAAGA,EAAIqB,EAAMpB,OAAQD,IAAK,CACrC,MAAMuB,EAAOF,EAAMrB,GAEfuB,EAAKN,UAAUE,SAAWI,EAAKN,SAASE,QAAQlB,OAAS,GAC3DvB,KAAK0C,UAAUG,EAAM/C,EAAY+C,EAAKN,SAASE,QAEnD,CACF,CASQ,SAAAC,CAAWG,EAAoB/C,EAAwB0C,GAC7D,GAAKA,EACL,IAAA,IAASlB,EAAI,EAAGA,EAAIkB,EAAWjB,OAAQD,IAAK,CAC1C,MAAME,EAAyBgB,EAAWlB,GAE1C,IAAA,MAAWwB,KAAOhD,EAChB,GAAIiD,OAAOC,UAAUC,eAAeC,KAAKpD,EAAYgD,IAC/CA,IAAQtB,EAAOsB,MAA2B,IAApBtB,EAAO2B,SAAmB,CAClD,IAAIxD,EAAmBG,EAAW0B,EAAOsB,KAEzC,GAAInD,aAAuByD,SAAU,CACnC,MAAMC,EAAW,IAAK1D,EAAaK,KAAKY,MAAOiC,EAAMrB,EAAO8B,QAAU,IAItE,GAFID,EAASE,OAAOF,EAASE,QAEzBF,EAAStC,SAAW8B,EAAKW,oBAAqB,CAChD,MAAMC,EAAgBJ,EAAStC,QAC/B8B,EAAKW,oBAAoBE,QAAQD,EAASE,KAAKN,GACjD,CAEArD,KAAKiB,mBAAmB2C,KAAKP,EAC/B,CACF,CAGN,CACF,CAKQ,MAAAf,GACN,IAAI1B,EAAQZ,KAAKY,MACjBZ,KAAKU,OAAOmD,cAAc,KACxBjD,EAAM0B,UAEV,CAKA,MAAAwB,GACE9D,KAAKU,OAAOoD,QACd,CAEA,OAAA/C,GACEf,KAAKY,MAAMG,UACXf,KAAKU,OAAOK,SACd,8BAGK,SAAoBnB,EAA2BC,EAAmBC,EAAyB,CAAA,GAGhG,OAFoB,IAAIJ,EAAYE,EAAWC,EAAWC,EAG5D"}

package/package.json

@@ -0,0 +1,37 @@
+{
+  "name": "babyeditor-tool",
+  "version": "0.0.5",
+  "description": "BabyEditor场景加载工具库",
+  "main": "dist/babyeditor.tool.cjs.js",
+  "module": "distbabyeditor.tool.es.js",
+  "unpkg": "distbabyeditor.tool.umd.js",
+  "types": "types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/babyeditor.tool.es.js",
+      "require": "./dist/babyeditor.tool.cjs.js",
+      "types": "./dist/types/index.d.ts"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/happypaner/babyeditor-tool.git"
+  },
+  "keywords": [
+    "babylonjs",
+    "editor",
+    "3d",
+    "tool",
+    "webgl",
+    "webgpu"
+  ],
+  "author": "happypaner",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/happypaner/babyeditor-tool/issues"
+  },
+  "homepage": "https://github.com/happypaner/babyeditor-tool#readme",
+  "scripts": {
+    "publish": "npm publish --access public"
+  }
+}

package/types/SceneLoader.d.ts

@@ -0,0 +1,102 @@
+import { Engine, Scene } from "@babylonjs/core";
+import '@babylonjs/materials';
+import '@babylonjs/loaders';
+import '@babylonjs/post-processes';
+import '@babylonjs/procedural-textures';
+/**
+ * 脚本接口
+ */
+export interface ScriptsMap {
+    [index: string]: IScript | Function;
+}
+/**
+ * 字符串字典
+ */
+export interface IStringDictionary<T> {
+    [index: string]: T;
+}
+/**
+ * 行为脚本接口
+ */
+export interface BehaviorScript {
+    type: 'script';
+    disabled: boolean;
+    isLoss?: boolean;
+    key: string;
+    values: IStringDictionary<any>;
+}
+/**
+ * 运行场景加载的核心类
+ * @description 在这里创建初始化场景所需要的一切的东西
+ */
+export declare class SceneLoader {
+    /**
+     * 场景容器
+     */
+    container: HTMLElement;
+    /**
+     * 画布
+     */
+    canvas: HTMLCanvasElement;
+    /**
+     * 引擎
+     */
+    engine: Engine;
+    /**
+     * 场景
+     */
+    scene: Scene;
+    /**
+     * 场景数据
+     */
+    sceneData: string;
+    /**
+     * 脚本代码列表
+     */
+    scritpsMap: ScriptsMap;
+    /**
+     * 脚本实例列表
+     */
+    private scriptInstanceList;
+    /**
+     * 构造函数
+     * @param container 容器
+     * @param sceneData 场景数据
+     * @param scriptsMap 脚本代码列表
+     */
+    constructor(container: HTMLDivElement, sceneData: string, scriptsMap?: ScriptsMap);
+    /**
+     * 加载场景
+     * @param sceneData 场景数据数据
+     * @param scriptsMap 代码脚本地图
+     */
+    load(sceneData: string, scriptsMap?: ScriptsMap): Promise<void>;
+    /**
+     * 初始化脚本
+     */
+    private initScripts;
+    /**
+     * 执行代码
+     * @param node 代码绑定对象
+     * @param scriptsMap 注入的全部脚本
+     * @param scriptList 对象绑定的代码列表
+     * @returns
+     */
+    private runScript;
+    /**
+     * 开始渲染循环
+     */
+    private render;
+    /**
+     * 重置canvas变形后的系统尺寸
+     */
+    resize(): void;
+    dispose(): void;
+}
+export declare function loadScene(container: HTMLDivElement, sceneData: string, scriptsMap?: ScriptsMap): SceneLoader;
+export type IScript = {
+    start?: () => void;
+    update?: (deltaTime: number) => void;
+    dispose?: () => void;
+};
+//# sourceMappingURL=SceneLoader.d.ts.map

package/types/SceneLoader.d.ts.map

@@ -0,0 +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;AAGvC;;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;IA0CtD;;OAEG;IACH,OAAO,CAAC,WAAW;IAoBnB;;;;;;OAMG;IACH,OAAO,CAAC,SAAS;IA4BjB;;OAEG;IACH,OAAO,CAAC,MAAM;IAOd;;OAEG;IACH,MAAM;IAIN,OAAO;CAIR;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"}

package/types/SceneLoader.js

@@ -0,0 +1,159 @@
+import { Engine, Scene, FreeCamera, Vector3, HavokPlugin, AppendSceneAsync } from "@babylonjs/core";
+import '@babylonjs/materials';
+import '@babylonjs/loaders';
+import '@babylonjs/post-processes';
+import '@babylonjs/procedural-textures';
+import HavokPhysics from "@babylonjs/havok";
+/**
+ * 运行场景加载的核心类
+ * @description 在这里创建初始化场景所需要的一切的东西
+ */
+export class SceneLoader {
+    /**
+     * 构造函数
+     * @param container 容器
+     * @param sceneData 场景数据
+     * @param scriptsMap 脚本代码列表
+     */
+    constructor(container, sceneData, scriptsMap) {
+        /**
+         * 场景数据
+         */
+        this.sceneData = '';
+        /**
+         * 脚本代码列表
+         */
+        this.scritpsMap = {};
+        /**
+         * 脚本实例列表
+         */
+        this.scriptInstanceList = [];
+        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.scene = new Scene(this.engine);
+        this.load(sceneData, scriptsMap);
+    }
+    /**
+     * 加载场景
+     * @param sceneData 场景数据数据
+     * @param scriptsMap 代码脚本地图
+     */
+    async load(sceneData, scriptsMap) {
+        if (this.scene) {
+            this.scene.dispose();
+        }
+        if (scriptsMap)
+            this.scritpsMap = scriptsMap;
+        this.scene = new Scene(this.engine);
+        this.sceneData = sceneData;
+        this.scriptInstanceList = [];
+        // 执行更新代码
+        this.scene.onBeforeRenderObservable.add(() => {
+            if (this.scriptInstanceList) {
+                const deltaTime = this.engine.getDeltaTime();
+                for (let i = 0; i < this.scriptInstanceList.length; i++) {
+                    const script = this.scriptInstanceList[i];
+                    if (script.update) {
+                        script.update(deltaTime);
+                    }
+                }
+            }
+        });
+        const havokModule = await HavokPhysics();
+        this.scene.enablePhysics(new Vector3(0, -9.81, 0), new HavokPlugin(true, havokModule));
+        await AppendSceneAsync('data:' + sceneData, this.scene);
+        let camera;
+        if (this.scene.cameras.length === 0) {
+            camera = new FreeCamera('摄影机', new Vector3(50, 50, 50), this.scene, true);
+            console.log('场景中无摄影机，自动创建摄影机');
+        }
+        else {
+            camera = this.scene.activeCamera || this.scene.cameras[0];
+            console.log('解析并使用场景摄影机');
+        }
+        camera.attachControl(this.canvas);
+        if (scriptsMap)
+            this.initScripts(scriptsMap);
+        console.log('完成场景初始化');
+        this.render();
+    }
+    /**
+     * 初始化脚本
+     */
+    initScripts(scriptsMap) {
+        if (!scriptsMap)
+            return;
+        if (this.scene.metadata) {
+            const scriptList = this.scene.metadata.scripts;
+            if (scriptList && scriptList.length > 0) {
+                this.runScript(this.scene, scriptsMap, scriptList);
+            }
+        }
+        const nodes = this.scene.getNodes();
+        for (let i = 0; i < nodes.length; i++) {
+            const node = nodes[i];
+            if (node.metadata?.scripts && node.metadata.scripts.length > 0) {
+                this.runScript(node, scriptsMap, node.metadata.scripts);
+            }
+        }
+    }
+    /**
+     * 执行代码
+     * @param node 代码绑定对象
+     * @param scriptsMap 注入的全部脚本
+     * @param scriptList 对象绑定的代码列表
+     * @returns
+     */
+    runScript(node, scriptsMap, scriptList) {
+        if (!scriptList)
+            return;
+        for (let i = 0; i < scriptList.length; i++) {
+            const script = scriptList[i];
+            for (const key in scriptsMap) {
+                if (Object.prototype.hasOwnProperty.call(scriptsMap, key)) {
+                    if (key === script.key && script.disabled !== true) {
+                        let constructor = scriptsMap[script.key];
+                        if (constructor instanceof Function) {
+                            const instance = new (constructor)(this.scene, node, script.values || {});
+                            if (instance.start)
+                                instance.start();
+                            if (instance.dispose && node.onDisposeObservable) {
+                                const callback = instance.dispose;
+                                node.onDisposeObservable.addOnce(callback.bind(instance));
+                            }
+                            this.scriptInstanceList.push(instance);
+                        }
+                    }
+                }
+            }
+        }
+    }
+    /**
+     * 开始渲染循环
+     */
+    render() {
+        let scene = this.scene;
+        this.engine.runRenderLoop(() => {
+            scene.render();
+        });
+    }
+    /**
+     * 重置canvas变形后的系统尺寸
+     */
+    resize() {
+        this.engine.resize();
+    }
+    dispose() {
+        this.scene.dispose();
+        this.engine.dispose();
+    }
+}
+export function loadScene(container, sceneData, scriptsMap = {}) {
+    const sceneLoader = new SceneLoader(container, sceneData, scriptsMap);
+    return sceneLoader;
+}

package/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SceneLoader';
+//# sourceMappingURL=index.d.ts.map

package/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tool/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/types/index.js

@@ -0,0 +1 @@
+export * from './SceneLoader';