rjf

.history/package_20180719181551.json

+{
+  "name": "yt",
+  "version": "1.0.27",
+  "description": "基于Babylonjs的3D框架",
+  "main": "./dist/index.js",
+  "types": "./types/index.d.ts",
+  "scripts": {
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "duiba-tc": "git+ssh://git@gitlab2.dui88.com:clq/tc.git#1.0"
+  }
+}
\ No newline at end of file

.history/package_20180719181717.json

+{
+  "name": "yt",
+  "version": "1.0.28",
+  "description": "基于Babylonjs的3D框架",
+  "main": "./dist/index.js",
+  "types": "./types/index.d.ts",
+  "scripts": {
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "duiba-tc": "git+ssh://git@gitlab2.dui88.com:clq/tc.git#1.0"
+  }
+}
\ No newline at end of file

.history/src/manager/YtSceneManager_20180719181717.ts

+
+export class YtSceneManager{
+
+    public stage;
+    public scene:BABYLON.Scene;
+    public canvas:any=document.querySelector("#renderCanvas");
+    public engine=new BABYLON.Engine(this.canvas, true, {
+        deterministicLockstep: true,
+        lockstepMaxSteps: 2
+    });;
+
+    private static instance: YtSceneManager;
+
+    public static get ins(): YtSceneManager {
+        if (!this.instance) {
+            this.instance = new YtSceneManager();
+        }
+        return this.instance;
+    }
+
+    constructor(){
+        this.init()
+    }
+
+    public init(){
+        this.scene = this.createScene();
+        this.engine.runRenderLoop(()=>{
+            this.scene.render();
+            TWEEN.update();
+        });
+        window.addEventListener("resize", ()=> {
+            this.engine.resize();
+        });
+    }
+
+    public createScene(){
+        var scene = new BABYLON.Scene(this.engine);
+        var n = scene._onPointerUp
+            , o = scene._onPointerDown
+            , r = scene._onPointerMove
+            , a = BABYLON.Tools.GetPointerPrefix();
+            this.canvas.removeEventListener(a + "move", r),
+            this.canvas.removeEventListener(a + "down", o),
+            window.removeEventListener(a + "up", n),
+            scene._onPointerUp = (e)=>{
+                void 0 !== e.pointerId && n(e)
+            }
+            ,
+            scene._onPointerDown = (e)=> {
+                void 0 !== e.pointerId && o(e)
+            }
+            ,
+            scene._onPointerMove = (e)=> {
+                void 0 !== e.pointerId && r(e)
+            }
+            ,
+            this.canvas.addEventListener(a + "move", scene._onPointerMove, !1),
+            this.canvas.addEventListener(a + "down", scene._onPointerDown, !1),
+            window.addEventListener(a + "up", scene._onPointerUp, !1);
+        //下面的代码是为了设置微信上面的touch事件兼容
+        var camera = new BABYLON.FreeCamera("baseCamera", new BABYLON.Vector3(0, 0, 0), scene);
+        return scene;
+    }
+
+   /* public get stage(): any {
+        return this._stage;
+    }*/
+
+  /*   public get scene(): BABYLON.Scene {
+        return this._scene;
+    }
+
+    public get canvas(): any {
+        return this._canvas;
+    }
+
+    public get engine(): any {
+        return this._engine;
+    } */
+
+    public change(display){
+       /* console.log(display)
+        var i;
+        for(i in display){
+            console.log(display[i])
+        }*/
+
+       /*  for(var l of SceneManager.ins.scene.meshes){
+            l.dispose()
+        } */
+
+        YtSceneManager.ins.scene.meshes=[]
+
+        /*var j;
+        for(j in SceneManager.ins.stage){
+            console.log(SceneManager.ins.stage[j])
+            if( SceneManager.ins.stage[j]){
+                if(SceneManager.ins.stage[j].getChildMeshes){
+                    SceneManager.ins.stage[j].getChildMeshes(false,(child)=>{
+                        child.dispose();
+                    });
+                }
+                if( SceneManager.ins.stage[j].dispose){
+                    SceneManager.ins.stage[j].dispose()
+                }
+            }
+        }*/
+        YtSceneManager.ins.stage=display;
+    }
+
+  /*  public change(module){
+      //  console.log(this._stage._children)
+        if(this.stage._children){
+            this.stage._children.forEach(function (child) {
+                this.stage.removeChild(child)
+                child.dispose()
+            }.bind(this))
+        }
+        this.stage.addChild(module)
+      //  console.log( this._scene)
+    }*/
+}
\ No newline at end of file

dist/manager/YtSceneManager.js

@@ -2,8 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var YtSceneManager = /** @class */ (function () {
     function YtSceneManager() {
+        this.canvas = document.querySelector("#renderCanvas");
+        this.engine = new BABYLON.Engine(this.canvas, true, {
+            deterministicLockstep: true,
+            lockstepMaxSteps: 2
+        });
         this.init();
     }
+    ;
     Object.defineProperty(YtSceneManager, "ins", {
         get: function () {
             if (!this.instance) {
@@ -16,21 +22,7 @@ var YtSceneManager = /** @class */ (function () {
     });
     YtSceneManager.prototype.init = function () {
         var _this = this;
-        var container = document.getElementById("annieEngine");
-        var w = document.documentElement.clientWidth || document.body.clientWidth;
-        var h = document.documentElement.clientHeight || document.body.clientHeight;
-        document.getElementById("_a2x_canvas").style.position = "absolute";
-        document.getElementById("_a2x_canvas").setAttribute("touch-action", "none");
-        var webglCanvas = document.createElement("canvas");
-        webglCanvas.width = w;
-        webglCanvas.height = h;
-        container.appendChild(webglCanvas);
-        this.engine = new BABYLON.Engine(webglCanvas, true);
-        this.scene = this.createSceneBefore(webglCanvas);
-        var _canvas = document.getElementById("_a2x_canvas");
-        this.engine.getRenderingCanvas = function () {
-            return _canvas;
-        };
+        this.scene = this.createScene();
         this.engine.runRenderLoop(function () {
             _this.scene.render();
             TWEEN.update();
@@ -39,11 +31,11 @@ var YtSceneManager = /** @class */ (function () {
             _this.engine.resize();
         });
     };
-    YtSceneManager.prototype.createSceneBefore = function (webglCanvas) {
+    YtSceneManager.prototype.createScene = function () {
         var scene = new BABYLON.Scene(this.engine);
         var n = scene._onPointerUp, o = scene._onPointerDown, r = scene._onPointerMove, a = BABYLON.Tools.GetPointerPrefix();
-        webglCanvas.removeEventListener(a + "move", r),
-            webglCanvas.removeEventListener(a + "down", o),
+        this.canvas.removeEventListener(a + "move", r),
+            this.canvas.removeEventListener(a + "down", o),
             window.removeEventListener(a + "up", n),
             scene._onPointerUp = function (e) {
                 void 0 !== e.pointerId && n(e);
@@ -57,8 +49,8 @@ var YtSceneManager = /** @class */ (function () {
                     void 0 !== e.pointerId && r(e);
                 }
             ,
-                webglCanvas.addEventListener(a + "move", scene._onPointerMove, !1),
-            webglCanvas.addEventListener(a + "down", scene._onPointerDown, !1),
+                this.canvas.addEventListener(a + "move", scene._onPointerMove, !1),
+            this.canvas.addEventListener(a + "down", scene._onPointerDown, !1),
             window.addEventListener(a + "up", scene._onPointerUp, !1);
         //下面的代码是为了设置微信上面的touch事件兼容
         var camera = new BABYLON.FreeCamera("baseCamera", new BABYLON.Vector3(0, 0, 0), scene);

dist/manager/YtSceneManager.js.map

-{"version":3,"file":"YtSceneManager.js","sourceRoot":"","sources":["../../src/manager/YtSceneManager.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"YtSceneManager.js","sourceRoot":"","sources":["../../src/manager/YtSceneManager.ts"],"names":[],"mappings":"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"}
\ No newline at end of file

package.json

 {
   "name": "yt",
-  "version": "1.0.26",
+  "version": "1.0.28",
   "description": "基于Babylonjs的3D框架",
   "main": "./dist/index.js",
   "types": "./types/index.d.ts",

src/manager/YtSceneManager.ts

@@ -3,8 +3,11 @@ export class YtSceneManager{
 
     public stage;
     public scene:BABYLON.Scene;
-    public canvas;
-    public engine;
+    public canvas:any=document.querySelector("#renderCanvas");
+    public engine=new BABYLON.Engine(this.canvas, true, {
+        deterministicLockstep: true,
+        lockstepMaxSteps: 2
+    });;
 
     private static instance: YtSceneManager;
 
@@ -20,22 +23,7 @@ export class YtSceneManager{
     }
 
     public init(){
-
-        var container = document.getElementById("annieEngine");
-        var w = document.documentElement.clientWidth || document.body.clientWidth;
-        var h = document.documentElement.clientHeight || document.body.clientHeight;
-        document.getElementById("_a2x_canvas").style.position = "absolute";
-        document.getElementById("_a2x_canvas").setAttribute("touch-action","none");
-        var webglCanvas = document.createElement("canvas");
-        webglCanvas.width = w;
-        webglCanvas.height = h;
-        container.appendChild(webglCanvas);
-        this.engine=new BABYLON.Engine(webglCanvas, true);
-        this.scene = this.createSceneBefore(webglCanvas);
-        var _canvas:any=document.getElementById("_a2x_canvas")
-        this.engine.getRenderingCanvas=()=>{
-            return _canvas;
-        };
+        this.scene = this.createScene();
         this.engine.runRenderLoop(()=>{
             this.scene.render();
             TWEEN.update();
@@ -45,14 +33,14 @@ export class YtSceneManager{
         });
     }
 
-    public createSceneBefore(webglCanvas){
+    public createScene(){
         var scene = new BABYLON.Scene(this.engine);
         var n = scene._onPointerUp
             , o = scene._onPointerDown
             , r = scene._onPointerMove
             , a = BABYLON.Tools.GetPointerPrefix();
-            webglCanvas.removeEventListener(a + "move", r),
-            webglCanvas.removeEventListener(a + "down", o),
+            this.canvas.removeEventListener(a + "move", r),
+            this.canvas.removeEventListener(a + "down", o),
             window.removeEventListener(a + "up", n),
             scene._onPointerUp = (e)=>{
                 void 0 !== e.pointerId && n(e)
@@ -66,8 +54,8 @@ export class YtSceneManager{
                 void 0 !== e.pointerId && r(e)
             }
             ,
-            webglCanvas.addEventListener(a + "move", scene._onPointerMove, !1),
-            webglCanvas.addEventListener(a + "down", scene._onPointerDown, !1),
+            this.canvas.addEventListener(a + "move", scene._onPointerMove, !1),
+            this.canvas.addEventListener(a + "down", scene._onPointerDown, !1),
             window.addEventListener(a + "up", scene._onPointerUp, !1);
         //下面的代码是为了设置微信上面的touch事件兼容
         var camera = new BABYLON.FreeCamera("baseCamera", new BABYLON.Vector3(0, 0, 0), scene);

types/manager/YtSceneManager.d.ts

@@ -2,11 +2,11 @@ export declare class YtSceneManager {
     stage: any;
     scene: BABYLON.Scene;
     canvas: any;
-    engine: any;
+    engine: BABYLON.Engine;
     private static instance;
     static readonly ins: YtSceneManager;
     constructor();
     init(): void;
-    createSceneBefore(webglCanvas: any): BABYLON.Scene;
+    createScene(): BABYLON.Scene;
     change(display: any): void;
 }