mx3d 0.0.11 → 0.0.15

package/mx3d.js

@@ -1,13 +1,13 @@
 (function webpackUniversalModuleDefinition(root, factory) {
 	if(typeof exports === 'object' && typeof module === 'object')
-		module.exports = factory(root["TWEEN"]);
+		module.exports =  factory(root["TWEEN"]);
 	else if(typeof define === 'function' && define.amd)
 		define(["TWEEN", "Dazzle", "BABYLON", "babylonjs-materials", "BABYLON.GUI", "BABYLON.SceneLoader", "babylonjs-serializers"], factory);
 	else if(typeof exports === 'object')
 		exports["MX3D"] = factory(root["TWEEN"]);
 	else
 		root["MX3D"] = factory(root["TWEEN"]);
-})(window, function(__WEBPACK_EXTERNAL_MODULE__2__, __WEBPACK_EXTERNAL_MODULE__7__, __WEBPACK_EXTERNAL_MODULE__13__, __WEBPACK_EXTERNAL_MODULE__14__, __WEBPACK_EXTERNAL_MODULE__15__, __WEBPACK_EXTERNAL_MODULE__16__, __WEBPACK_EXTERNAL_MODULE__17__) {
+})(window, function(__WEBPACK_EXTERNAL_MODULE__2__, __WEBPACK_EXTERNAL_MODULE__3__, __WEBPACK_EXTERNAL_MODULE__13__, __WEBPACK_EXTERNAL_MODULE__14__, __WEBPACK_EXTERNAL_MODULE__15__, __WEBPACK_EXTERNAL_MODULE__16__, __WEBPACK_EXTERNAL_MODULE__17__) {
 return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
 /******/ 	var installedModules = {};
@@ -907,7 +907,7 @@ return /******/ (function(modules) { // webpackBootstrap
 ;(function (root, factory, undef) {
 	if (true) {
 		// CommonJS
-		module.exports = exports = factory(__webpack_require__(0), __webpack_require__(4));
+		module.exports = exports = factory(__webpack_require__(0), __webpack_require__(5));
 	}
 	else {}
 }(this, function (CryptoJS) {
@@ -1796,12 +1796,18 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
 
 /***/ }),
 /* 3 */
+/***/ (function(module, exports) {
+
+module.exports = __WEBPACK_EXTERNAL_MODULE__3__;
+
+/***/ }),
+/* 4 */
 /***/ (function(module, exports, __webpack_require__) {
 
 ;(function (root, factory, undef) {
 	if (true) {
 		// CommonJS
-		module.exports = exports = factory(__webpack_require__(0), __webpack_require__(8), __webpack_require__(20), __webpack_require__(21), __webpack_require__(5), __webpack_require__(22), __webpack_require__(6), __webpack_require__(9), __webpack_require__(11), __webpack_require__(23), __webpack_require__(12), __webpack_require__(24), __webpack_require__(25), __webpack_require__(26), __webpack_require__(10), __webpack_require__(27), __webpack_require__(4), __webpack_require__(1), __webpack_require__(28), __webpack_require__(29), __webpack_require__(30), __webpack_require__(31), __webpack_require__(32), __webpack_require__(33), __webpack_require__(34), __webpack_require__(35), __webpack_require__(36), __webpack_require__(37), __webpack_require__(38), __webpack_require__(39), __webpack_require__(40), __webpack_require__(41), __webpack_require__(42), __webpack_require__(43));
+		module.exports = exports = factory(__webpack_require__(0), __webpack_require__(8), __webpack_require__(20), __webpack_require__(21), __webpack_require__(6), __webpack_require__(22), __webpack_require__(7), __webpack_require__(9), __webpack_require__(11), __webpack_require__(23), __webpack_require__(12), __webpack_require__(24), __webpack_require__(25), __webpack_require__(26), __webpack_require__(10), __webpack_require__(27), __webpack_require__(5), __webpack_require__(1), __webpack_require__(28), __webpack_require__(29), __webpack_require__(30), __webpack_require__(31), __webpack_require__(32), __webpack_require__(33), __webpack_require__(34), __webpack_require__(35), __webpack_require__(36), __webpack_require__(37), __webpack_require__(38), __webpack_require__(39), __webpack_require__(40), __webpack_require__(41), __webpack_require__(42), __webpack_require__(43));
 	}
 	else {}
 }(this, function (CryptoJS) {
@@ -1811,7 +1817,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
 }));
 
 /***/ }),
-/* 4 */
+/* 5 */
 /***/ (function(module, exports, __webpack_require__) {
 
 ;(function (root, factory, undef) {
@@ -1943,7 +1949,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
 }));
 
 /***/ }),
-/* 5 */
+/* 6 */
 /***/ (function(module, exports, __webpack_require__) {
 
 ;(function (root, factory) {
@@ -2077,7 +2083,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
 }));
 
 /***/ }),
-/* 6 */
+/* 7 */
 /***/ (function(module, exports, __webpack_require__) {
 
 ;(function (root, factory) {
@@ -2342,12 +2348,6 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__2__;
 
 }));
 
-/***/ }),
-/* 7 */
-/***/ (function(module, exports) {
-
-module.exports = __WEBPACK_EXTERNAL_MODULE__7__;
-
 /***/ }),
 /* 8 */
 /***/ (function(module, exports, __webpack_require__) {
@@ -5381,7 +5381,7 @@ module.exports = g;
 ;(function (root, factory, undef) {
 	if (true) {
 		// CommonJS
-		module.exports = exports = factory(__webpack_require__(0), __webpack_require__(5), __webpack_require__(6), __webpack_require__(4), __webpack_require__(1));
+		module.exports = exports = factory(__webpack_require__(0), __webpack_require__(6), __webpack_require__(7), __webpack_require__(5), __webpack_require__(1));
 	}
 	else {}
 }(this, function (CryptoJS) {
@@ -5613,7 +5613,7 @@ module.exports = g;
 ;(function (root, factory, undef) {
 	if (true) {
 		// CommonJS
-		module.exports = exports = factory(__webpack_require__(0), __webpack_require__(5), __webpack_require__(6), __webpack_require__(4), __webpack_require__(1));
+		module.exports = exports = factory(__webpack_require__(0), __webpack_require__(6), __webpack_require__(7), __webpack_require__(5), __webpack_require__(1));
 	}
 	else {}
 }(this, function (CryptoJS) {
@@ -6390,7 +6390,7 @@ module.exports = g;
 ;(function (root, factory, undef) {
 	if (true) {
 		// CommonJS
-		module.exports = exports = factory(__webpack_require__(0), __webpack_require__(5), __webpack_require__(6), __webpack_require__(4), __webpack_require__(1));
+		module.exports = exports = factory(__webpack_require__(0), __webpack_require__(6), __webpack_require__(7), __webpack_require__(5), __webpack_require__(1));
 	}
 	else {}
 }(this, function (CryptoJS) {
@@ -6527,7 +6527,7 @@ module.exports = g;
 ;(function (root, factory, undef) {
 	if (true) {
 		// CommonJS
-		module.exports = exports = factory(__webpack_require__(0), __webpack_require__(5), __webpack_require__(6), __webpack_require__(4), __webpack_require__(1));
+		module.exports = exports = factory(__webpack_require__(0), __webpack_require__(6), __webpack_require__(7), __webpack_require__(5), __webpack_require__(1));
 	}
 	else {}
 }(this, function (CryptoJS) {
@@ -6717,7 +6717,7 @@ module.exports = g;
 ;(function (root, factory, undef) {
 	if (true) {
 		// CommonJS
-		module.exports = exports = factory(__webpack_require__(0), __webpack_require__(5), __webpack_require__(6), __webpack_require__(4), __webpack_require__(1));
+		module.exports = exports = factory(__webpack_require__(0), __webpack_require__(6), __webpack_require__(7), __webpack_require__(5), __webpack_require__(1));
 	}
 	else {}
 }(this, function (CryptoJS) {
@@ -6932,6 +6932,9 @@ class Camera_Camera {
     constructor(_app) {
         this.app = _app;
         this.camera = new BABYLON.ArcRotateCamera("camera", -Math.PI / 4, Math.PI / 4, 50, new BABYLON.Vector3(0, 0, 0), this.app.scene);
+        console.log(this.camera.pinchDeltaPercentage);
+        // this.camera.pinchDeltaPercentage=0.01;
+        this.camera.pinchPrecision = 200;
         this.app.scene.activeCamera = this.camera;
         this.camera.attachControl(this.app.canvas, true, true);
         this.camera.minZ = 0.3;
@@ -7360,6 +7363,12 @@ class Tools {
     static getAngleFromVector3(startV, coreV, endV) {
         return this.getAngleFromVector2(new BABYLON.Vector2(startV.x, startV.z), new BABYLON.Vector2(coreV.x, coreV.z), new BABYLON.Vector2(endV.x, endV.z));
     }
+    static RandomNumBoth(Min, Max) {
+        var Range = Max - Min;
+        var Rand = Math.random();
+        var num = Min + Math.round(Rand * Range); //四舍五入
+        return num;
+    }
 }
 
 // CONCATENATED MODULE: ./src/lib/Environment.ts
@@ -7540,7 +7549,7 @@ class ReadJSON {
 }
 
 // EXTERNAL MODULE: ./node_modules/crypto-js/index.js
-var crypto_js = __webpack_require__(3);
+var crypto_js = __webpack_require__(4);
 var crypto_js_default = /*#__PURE__*/__webpack_require__.n(crypto_js);
 
 // CONCATENATED MODULE: ./src/lib/Cryptojs.ts
@@ -7781,8 +7790,10 @@ class Project_Project {
     delete() {
         this.app.scene.blockfreeActiveMeshesAndRenderingGroups = true;
         for (const _o in this.objectDatas.map) {
-            this.objectDatas.find(_o).instance.dispose();
+            if (this.objectDatas.find(_o).instance)
+                this.objectDatas.find(_o).instance.dispose();
         }
+        this.objectDatas.clear();
         this.current = null;
         this.app.scene.blockfreeActiveMeshesAndRenderingGroups = false;
     }
@@ -7802,6 +7813,16 @@ class Project_Project {
     find(_id) {
         return this.objectDatas.find(_id);
     }
+    findFormObjectType(_type, isCurent = true) {
+        let _objects = new Array();
+        for (const id in this.objectDatas.map) {
+            let _object = this.app.project.objectDatas.find(id);
+            if ((isCurent && _object.parentId != this.current.id) || _object.objectType != _type)
+                continue;
+            _objects.push(_object);
+        }
+        return _objects;
+    }
     show() {
         this.app.scene.blockfreeActiveMeshesAndRenderingGroups = true;
         for (const id in this.app.project.objectDatas.map) {
@@ -7841,6 +7862,7 @@ class Resources_Resources {
         this.transparentBox.visibility = 0.3;
         let boxId = GUID.getGUID(12);
         this.BOX = BABYLON.MeshBuilder.CreateBox(boxId, { size: 1 }, this.app.scene);
+        this.BOX.edgesColor = BABYLON.Color4.FromHexString("#4ba3fff2");
         // this.BOX.registerInstancedBuffer("color", 4);
         // this.BOX.instancedBuffers.color = new BABYLON.Color4(1, 0, 0, 1);
         this.BOX.setEnabled(false);
@@ -7864,10 +7886,14 @@ class Resources_Resources {
                     _mesh.animationGroups[0].stop();
                 _mesh.addAllToScene();
                 _mesh.meshes[0].setEnabled(false);
-                _mesh.meshes[0].getChildMeshes().forEach(e => {
-                    // if (e.material) e.material.freeze();
-                    if (e.metadata && e.metadata.gltf && e.metadata.gltf.extras && (e.metadata.gltf.extras.U || e.metadata.gltf.extras.V))
+                _mesh.meshes[0].getChildMeshes().forEach(m => {
+                    if (m.metadata && m.metadata.gltf && m.metadata.gltf.extras) {
                         _mesh.isExtras = true;
+                        if (m.metadata.gltf.extras.U)
+                            BABYLON.Animation.CreateAndStartAnimation("u", m.material.albedoTexture, "uOffset", m.metadata.gltf.extras.Uspeed * 30, 30, 0, 1, 1);
+                        if (m.metadata.gltf.extras.V)
+                            BABYLON.Animation.CreateAndStartAnimation("v", m.material.albedoTexture, "vOffset", m.metadata.gltf.extras.Vspeed * 30, 30, 0, 1, 1);
+                    }
                 });
                 if (baseModel.objectType != ObjectType.OutDoorScene && !_mesh.isExtras) {
                     _mesh.meshes[0].getChildMeshes().forEach(e => {
@@ -8138,7 +8164,7 @@ class DefaultObject_DefaultObject {
         this.isAutoPlay = _m.isAutoPlay;
         this.isloop = _m.isloop;
         this.isMonitor = _m.isMonitor;
-        if (_m.isVisible)
+        if (_m.isVisible != null)
             this.isVisible = _m.isVisible;
         this.objectType = _m.objectType;
         let _o = new BABYLON.Mesh(this.id, this.app.scene);
@@ -8165,7 +8191,6 @@ class DefaultObject_DefaultObject {
         this.instance.position.y = (bound.maximum.y - bound.minimum.y) / 2 + _o.position.y;
         this.instance.rotation = _o.rotation.clone();
         _o.setParent(this.instance);
-        this.instance.setBoundingInfo(bound);
         this.alwaysActive();
         this.optimization(true);
         this.instance.setEnabled(false);
@@ -8175,7 +8200,6 @@ class DefaultObject_DefaultObject {
         // this.addEventListener(EventType.doubleClick, (x) => {
         //   console.log(x)
         //   x.play(true);
-        //   x.color = { r: 1, g: 0, b: 0 }
         // });
         // this.play(true);
         // this.alwaysSelect();
@@ -8284,6 +8308,7 @@ class DefaultObject_DefaultObject {
             if (e.instancedBuffers)
                 e.instancedBuffers.color = new BABYLON.Color4(1, 1, 1, 1);
         });
+        this.instance.disableEdgesRendering();
         this.instance.visibility = 0;
         this.setEnabled(this.isEnabled);
         this.app.scene.blockfreeActiveMeshesAndRenderingGroups = false;
@@ -8296,6 +8321,7 @@ class DefaultObject_DefaultObject {
         this.app.scene.blockfreeActiveMeshesAndRenderingGroups = true;
         this.instance.getChildMeshes().forEach(e => e.setEnabled(false));
         this.instance.visibility = alpha;
+        this.instance.enableEdgesRendering();
         this.app.scene.blockfreeActiveMeshesAndRenderingGroups = false;
         this.effectType = EffectType.Transparent;
     }
@@ -8501,25 +8527,6 @@ class CabinetObject_CabinetObject extends DefaultObject_DefaultObject {
 
 //漏水线
 class LeakWaterObject_LeakWaterObject extends DefaultObject_DefaultObject {
-    // set transparent(_value: boolean) {
-    //   if (this._transparent == _value) return;
-    //   this._transparent = _value;
-    //   this.app.scene.blockfreeActiveMeshesAndRenderingGroups = true;
-    //   if (this._transparent) this.instance.getChildMeshes().forEach(x => x.visibility = 0.2);
-    //   else this.instance.getChildMeshes().forEach(x => x.visibility = 1);
-    //   this.app.scene.blockfreeActiveMeshesAndRenderingGroups = false;
-    // }
-    // constructor(_app: App) {
-    //   super();
-    //   this.app = _app;
-    // }
-    // set color(_value: { r: number, g: number, b: number }) {
-    //   this.app.scene.blockfreeActiveMeshesAndRenderingGroups = true;
-    //   this.instance.getChildMeshes().forEach(e => {
-    //     e.instancedBuffers.color = new BABYLON.Color4(_value.r, _value.g, _value.b, 1);
-    //   })
-    //   this.app.scene.blockfreeActiveMeshesAndRenderingGroups = false;
-    // }
     bind(_l) {
         let lines = src.Tools.ToARRVector3(_l.lines);
         this.instance = src.Tools.createTube(_l.id, lines, 0.02, this.app);
@@ -8532,8 +8539,7 @@ class LeakWaterObject_LeakWaterObject extends DefaultObject_DefaultObject {
         this.isMonitor = _l.isMonitor;
         var material0 = this.app.Resources.GetMaterial(_l.baseModel, this.app.scene).clone(this.id);
         BABYLON.Animation.CreateAndStartAnimation("u", material0.diffuseTexture, "vOffset", 15, 30, 0, 1, 1);
-        if (_l.baseModel.isTiling)
-            material0.diffuseTexture.vScale = this.instance.getTotalVertices() / 200;
+        material0.diffuseTexture.vScale = this.instance.getTotalVertices() / 50;
         this.instance.material = material0;
         this.alwaysActive();
         this.optimization(true);
@@ -8966,6 +8972,72 @@ class BuildingObject_BuildingObject extends DefaultObject_DefaultObject {
     }
 }
 
+// CONCATENATED MODULE: ./src/lib/components/AirFlowObject.ts
+
+
+
+//气流模拟
+class AirFlowObject_AirFlowObject extends DefaultObject_DefaultObject {
+    bind(_m) {
+        this.id = _m.id;
+        this.name = _m.name;
+        this.parentId = _m.parentId;
+        this.modelId = _m.baseModel.modelId;
+        this.animation = true;
+        this.isAutoPlay = true;
+        this.isloop = true;
+        this.isVisible = false;
+        this.isMonitor = _m.isMonitor;
+        if (_m.isVisible != null)
+            this.isVisible = _m.isVisible;
+        this.objectType = _m.objectType;
+        let _o = new BABYLON.Mesh(this.id, this.app.scene);
+        let res = this.app.Resources.resources.find(this.modelId);
+        res.meshes[0].getChildMeshes().forEach(x => {
+            var m = x.createInstance(this.id);
+            m.isPickable = false;
+            m.enablePointerMoveEvents = false;
+            m.parent = _o;
+        });
+        _o.rotation = src.Tools.ToVector3(_m.rotation);
+        _o.position = src.Tools.ToVector3(_m.position);
+        _o.scaling = src.Tools.ToVector3(_m.scaling);
+        let bound = src.Tools.computeBounds(_o);
+        _o.setBoundingInfo(bound);
+        this.instance = _o;
+        this.alwaysActive();
+        this.optimization(true);
+        this.instance.setEnabled(false);
+        this.visualAngle = new VisualAngle_VisualAngle(this);
+        if (this.isAutoPlay)
+            this.play();
+    }
+    setFlash(_level) {
+    }
+    setTransparent(_alpha) {
+        this.app.scene.blockfreeActiveMeshesAndRenderingGroups = true;
+        this.setEnabled(false);
+        this.app.scene.blockfreeActiveMeshesAndRenderingGroups = false;
+    }
+    setOpaque() {
+        this.app.scene.blockfreeActiveMeshesAndRenderingGroups = true;
+        this.setEnabled(true);
+        this.app.scene.blockfreeActiveMeshesAndRenderingGroups = false;
+    }
+    play() {
+        // this.app.scene.blockfreeActiveMeshesAndRenderingGroups = true;
+        // this.instance.getChildMeshes().forEach(m => {
+        //   if (m.metadata && m.metadata.gltf && m.metadata.gltf.extras) {
+        //     if (m.metadata.gltf.extras.U) BABYLON.Animation.CreateAndStartAnimation("u", (m.material as any).albedoTexture, "uOffset", m.metadata.gltf.extras.Uspeed * 30, 30, 0, 1, 1);
+        //     if (m.metadata.gltf.extras.V) BABYLON.Animation.CreateAndStartAnimation("v", (m.material as any).albedoTexture, "vOffset", m.metadata.gltf.extras.Vspeed * 30, 30, 0, 1, 1);
+        //   }
+        // });
+        // this.app.scene.blockfreeActiveMeshesAndRenderingGroups = false;
+    }
+    stop() {
+    }
+}
+
 // CONCATENATED MODULE: ./src/lib/components/Region.ts
 
 
@@ -8984,6 +9056,7 @@ class BuildingObject_BuildingObject extends DefaultObject_DefaultObject {
 
 
 
+
 class Region_Region extends DefaultObject_DefaultObject {
     constructor(app, _storey) {
         super(app);
@@ -9125,6 +9198,8 @@ class Region_Region extends DefaultObject_DefaultObject {
                 continue;
             else if (_m.objectType == ObjectType.Floor)
                 continue;
+            else if (_m.objectType == ObjectType.AirFlow)
+                _object = new AirFlowObject_AirFlowObject(this.app);
             else
                 _object = new DefaultObject_DefaultObject(this.app);
             _object.bind(_m);
@@ -9202,11 +9277,12 @@ class Region_Region extends DefaultObject_DefaultObject {
         for (const id in this.app.project.objectDatas.map) {
             let _object = this.app.project.objectDatas.find(id);
             if (_object.parentId == this.id)
-                _object.setEnabled(true);
+                _object.setEnabled(_object.isVisible);
             else
                 _object.setEnabled(false);
         }
         this.isEnabled = true;
+        this.app.project.current = this;
         this.app.scene.blockfreeActiveMeshesAndRenderingGroups = false;
     }
     setEnabled(_value) { }
@@ -9485,7 +9561,58 @@ class OptimizedRegion_OptimizedRegion extends DefaultObject_DefaultObject {
 }
 
 // EXTERNAL MODULE: external "Dazzle"
-var external_Dazzle_ = __webpack_require__(7);
+var external_Dazzle_ = __webpack_require__(3);
+
+// CONCATENATED MODULE: ./src/lib/TipsTool.ts
+class TipsTool {
+    constructor(parent, _app) {
+        this.isOK = false;
+        this.app = _app;
+        this.ele = document.createElement("div");
+        this.ele.style.cssText = 'position: absolute;z-index:999999999; font-size: 10px;color: rgb(211, 211, 211);text-shadow:rgba(0, 0, 0, 0.2) 1px 1px 0; padding: 5px 8px;';
+        parent.appendChild(this.ele);
+        this.close();
+        setInterval(() => {
+            if (new Date().getTime() - this.time > 1000 && this.isOK && !this.text) {
+                let obj = this.app.project.objectDatas.find(this.id);
+                if (obj)
+                    this.text = obj.name;
+            }
+        }, 100);
+    }
+    set text(vlaue) {
+        this._text = vlaue;
+        this.ele.innerText = vlaue;
+        if (vlaue)
+            this.ele.style.display = null;
+    }
+    update(e) {
+        if (e.pickInfo.pickedMesh) {
+            if (e.pickInfo.pickedMesh.id != this.id) {
+                this.close();
+                this.id = e.pickInfo.pickedMesh.id;
+                this.time = new Date().getTime();
+            }
+            else
+                this.isOK = true;
+        }
+        else
+            this.close();
+        this.ele.style.top = e.event.offsetY + "px";
+        this.ele.style.left = e.event.offsetX + 20 + "px";
+    }
+    close() {
+        this.isOK = false;
+        this.time = new Date().getTime();
+        this.ele.style.display = "none";
+        this.text = "";
+    }
+    setBackground(_url) {
+        this.url = _url;
+        this.ele.style.background = "url(" + this.url + ") no-repeat";
+        this.ele.style.backgroundSize = "cover";
+    }
+}
 
 // CONCATENATED MODULE: ./src/lib/App.ts
 
@@ -9503,6 +9630,7 @@ var external_Dazzle_ = __webpack_require__(7);
 
 
 
+
 // import Core from "../engine/Core";
 class App_App {
     constructor(_canvas, _rootUrl) {
@@ -9540,6 +9668,7 @@ class App_App {
         this.project = new Project_Project(this);
         //闪烁特效
         src.EffectMgr = new EffectMgr_EffectMgr();
+        //鼠标经过提示
         this.engine.runRenderLoop(() => {
             if (this.fps)
                 this.fps.innerText = this.engine.getFps().toFixed() + " fps";
@@ -9557,9 +9686,13 @@ class App_App {
             // this.touchtime = new Date().getTime();
             switch (pointerInfo.type) {
                 case BABYLON.PointerEventTypes.POINTERMOVE:
+                    if (!this.tipsTool)
+                        return;
                     if (pointerInfo.pickInfo && pointerInfo.pickInfo.pickedPoint) {
-                        // this.toolTip.position = pointerInfo.pickInfo.pickedPoint.clone();
+                        this.tipsTool.update(pointerInfo);
                     }
+                    else
+                        this.tipsTool.close();
                     break;
                 case BABYLON.PointerEventTypes.POINTERWHEEL:
                     if (!this.camera.isOverLook) {
@@ -9777,46 +9910,101 @@ class App_App {
                 call();
         });
     }
+    showTips() {
+        this.tipsTool = new TipsTool(this.canvas.parentElement, this);
+    }
     //开启帧率显示
-    showFps(cssText = 'position: fixed;left: 5px;bottom: 5px;z-index:999999999; font-size: 10px;color: rgb(0, 255, 0);text-shadow:rgba(0, 0, 0, 0.2) 1px 1px 0;') {
+    showFps(cssText = 'position: absolute;left: 5px;bottom: 5px;z-index:999999999; font-size: 10px;color: rgb(0, 255, 0);text-shadow:rgba(0, 0, 0, 0.2) 1px 1px 0;') {
         if (!this.fps) {
             this.fps = document.createElement("div");
-            document.body.appendChild(this.fps);
+            this.canvas.parentElement.appendChild(this.fps);
         }
         this.fps.style.cssText = cssText;
     }
     //关闭帧率显示
     hideFps() {
         if (this.fps)
-            document.body.removeChild(this.fps);
+            this.canvas.parentElement.removeChild(this.fps);
         this.fps = null;
     }
     //销毁整个场景
     dispose() {
         if (this.fps)
-            document.body.removeChild(this.fps);
+            this.canvas.parentElement.removeChild(this.fps);
         this.fps = null;
         this.project.delete();
         this.Resources.delete();
         this.engine.dispose();
     }
+    showDebug() {
+        this.scene.debugLayer.show();
+    }
 }
 
-// CONCATENATED MODULE: ./src/lib/HeatMapMgr.ts
+// CONCATENATED MODULE: ./src/lib/EffectControls.ts
 
 
-class HeatMapMgr_HeatMapMgr {
+class EffectControls_EffectControls {
+    //创建容量
+    static createCapacity(_object, RATIO, _text, _fontSize = "200px") {
+        return external_Dazzle_["Builder"].createCapacity(_object, RATIO, _text, _fontSize);
+    }
     ///创建矩阵云图
-    static createMatrixHeatMap(_anchor, _config, _displayValues = true, _height = 0.5, _isAlpha = true, _isParticle = true, _radius = 2.8, _range = { max: 30, min: 16 }) {
+    static createMatrixHeatMap(_anchor, //地板对象
+    _data) {
         if (_anchor.objectType != ObjectType.Floor) {
             console.error("矩阵云图对象必须为房间！");
             return;
         }
-        return external_Dazzle_["Builder"].createMatrixHeatMap(_anchor.instance, _anchor.app.rootUrl, _anchor.app.Resources.FogTex, _anchor.app.container, _config, _displayValues, _height, _isAlpha, _isParticle, _radius, _range);
+        return external_Dazzle_["Builder"].createMatrixHeatMap({ anchor: _anchor.instance, rootUrl: _anchor.app.rootUrl, FogTex: _anchor.app.Resources.FogTex, container: _anchor.app.container, config: _data.config, displayValues: _data.displayValues, height: _data.height, isAlpha: _data.isAlpha, isLevelRender: _data.isLevelRender, isParticle: _data.isParticle, radius: _data.radius, range: _data.range });
     }
     //创建柜式云图
-    static createColumnarHeatMap(_anchor, _config, _displayValues = true, _isAlpha = true, _isParticle = true, _radius = 4, _range = { max: 30, min: 16 }) {
-        return external_Dazzle_["Builder"].createColumnarHeatMap(_anchor.instance, _anchor.app.Resources.FogTex, _anchor.app.container, _config, _displayValues, _isAlpha, _isParticle, _radius, _range);
+    static createColumnarHeatMap(_anchor, _data) {
+        return external_Dazzle_["Builder"].createColumnarHeatMap({ anchor: _anchor.instance, FogTex: _anchor.app.Resources.FogTex, container: _anchor.app.container, config: _data.config, displayValues: _data.displayValues, isAlpha: _data.isAlpha, isLevelRender: _data.isLevelRender, isParticle: _data.isParticle, radius: _data.radius, range: _data.range });
+    }
+}
+
+// CONCATENATED MODULE: ./src/lib/UI.ts
+
+class UI_UI {
+    /// <summary>
+    /// 创建3dUI
+    /// </summary>
+    /// <param name="_anchor">挂载的物体标识</param>
+    /// <param name="url">图片地址</param>
+    /// <param name="_scaling">大小</param>
+    /// <param name="_height">相对于物体高度</param>
+    /// <param name="_app">场景实例</param>
+    static createIconFromMesh(_id, _anchor, url, _scaling, _height) {
+        let icon = new external_Dazzle_["IconFromMesh"](_id, _anchor.instance, url, _scaling, _height, _anchor.app.scene);
+        return icon;
+    }
+    /// <summary>
+    /// 创建2d跟随UI
+    /// </summary>
+    static createIcon(_id, _anchor, _size, _height) {
+        let icon;
+        _anchor.app.scene.blockfreeActiveMeshesAndRenderingGroups = true;
+        icon = new external_Dazzle_["Icon"](_id);
+        icon.size = _size;
+        icon.height = _height;
+        icon.pint = new BABYLON.Mesh(_anchor[0].id + '_pint');
+        let pos = _anchor[0].instance.getAbsolutePosition();
+        // if (_anchor[0].objectType == ObjectType.Floor) {
+        //   pos = _anchor[0].instance.getAbsolutePivotPoint();
+        // }
+        icon.pint.position = pos;
+        icon.pint.position.y += _height;
+        icon.rect = new BABYLON.GUI.Rectangle();
+        icon.rect.isPointerBlocker = false;
+        icon.rect.width = _size.width + "px";
+        icon.rect.height = _size.height + "px";
+        icon.rect.thickness = 0;
+        _anchor.app.container.addControl(icon.rect);
+        icon.rect.linkWithMesh(icon.pint);
+        // icon.rect.linkOffsetY = -_height;
+        _anchor.app.scene.blockfreeActiveMeshesAndRenderingGroups = false;
+        return icon;
     }
 }
 
@@ -9832,6 +10020,8 @@ class HeatMapMgr_HeatMapMgr {
 
 
 
+
+
 // export default class MX3D {
 //   static App = App;
 //   static Tools = Tools;
@@ -9845,10 +10035,12 @@ let _EffectMgr;
 const MX3D = {
     App: App_App,
     Tools: Tools,
+    UI: UI_UI,
+    ObjectType: ObjectType,
     EffectMgr: _EffectMgr,
     EffectType: EffectType,
     EventType: EventType,
-    HeatMapMgr: HeatMapMgr_HeatMapMgr,
+    EffectControls: EffectControls_EffectControls,
     Dictionary: Dictionary
 };
 /* harmony default export */ var src = __webpack_exports__["default"] = (MX3D);