s

.history/package_20180719192934.json

+{
+  "name": "yt",
+  "version": "1.0.33",
+  "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

src/manager/YtforTlSceneManager.ts → .history/src/manager/YtSceneManager_20180719192716.ts

@@ -4,6 +4,7 @@ export class YtSceneManager{
     public stage;
     public scene:BABYLON.Scene;
     public canvas:any=document.querySelector("#renderCanvas");
+    public canvas2:any=document.getElementById("_a2x_canvas");
     public engine=new BABYLON.Engine(this.canvas, true, {
         deterministicLockstep: true,
         lockstepMaxSteps: 2

.history/src/manager/YtSceneManager_20180719192720.ts

+
+export class YtSceneManager{
+
+    public stage;
+    public scene:BABYLON.Scene;
+    public canvas:any=document.querySelector("#renderCanvas");
+    public canvas2:any=document.getElementById("#_a2x_canvas");
+    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

.history/src/manager/YtSceneManager_20180719192844.ts

+
+export class YtSceneManager{
+
+    public stage;
+    public scene:BABYLON.Scene;
+    public canvas:any=document.querySelector("#renderCanvas");
+    public canvas2:any=document.getElementById("#_a2x_canvas");
+    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.engine
+
+        this.scene = this.createScene();
+        this.engine.getRenderingCanvas=()=>{
+            return this.canvas2;
+        };
+        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

.history/src/manager/YtSceneManager_20180719192912.ts

+
+export class YtSceneManager{
+
+    public stage;
+    public scene:BABYLON.Scene;
+    public canvas:any=document.querySelector("#renderCanvas");
+    public canvas2:any=document.getElementById("#_a2x_canvas");
+    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.engine.getRenderingCanvas=()=>{
+            return this.canvas2;
+        };
+        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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var YtSceneManager = /** @class */ (function () {
     function YtSceneManager() {
         this.canvas = document.querySelector("#renderCanvas");
+        this.canvas2 = document.getElementById("#_a2x_canvas");
         this.engine = new BABYLON.Engine(this.canvas, true, {
             deterministicLockstep: true,
             lockstepMaxSteps: 2
@@ -22,6 +23,9 @@ var YtSceneManager = /** @class */ (function () {
     });
     YtSceneManager.prototype.init = function () {
         var _this = this;
+        this.engine.getRenderingCanvas = function () {
+            return _this.canvas2;
+        };
         this.scene = this.createScene();
         this.engine.runRenderLoop(function () {
             _this.scene.render();

dist/manager/YtSceneManager.js.map

-{"version":3,"file":"YtSceneManager.js","sourceRoot":"","sources":["../../src/manager/YtSceneManager.ts"],"names":[],"mappings":"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"}
\ No newline at end of file
+{"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.32",
+  "version": "1.0.33",
   "description": "基于Babylonjs的3D框架",
   "main": "./dist/index.js",
   "types": "./types/index.d.ts",

src/manager/YtSceneManager.ts

@@ -4,6 +4,7 @@ export class YtSceneManager{
     public stage;
     public scene:BABYLON.Scene;
     public canvas:any=document.querySelector("#renderCanvas");
+    public canvas2:any=document.getElementById("#_a2x_canvas");
     public engine=new BABYLON.Engine(this.canvas, true, {
         deterministicLockstep: true,
         lockstepMaxSteps: 2
@@ -23,6 +24,9 @@ export class YtSceneManager{
     }
 
     public init(){
+        this.engine.getRenderingCanvas=()=>{
+            return this.canvas2;
+        };
         this.scene = this.createScene();
         this.engine.runRenderLoop(()=>{
             this.scene.render();
@@ -32,7 +36,6 @@ export class YtSceneManager{
             this.engine.resize();
         });
     }
-
     public createScene(){
         var scene = new BABYLON.Scene(this.engine);
         var n = scene._onPointerUp

types/manager/YtSceneManager.d.ts

@@ -2,6 +2,7 @@ export declare class YtSceneManager {
     stage: any;
     scene: BABYLON.Scene;
     canvas: any;
+    canvas2: any;
     engine: BABYLON.Engine;
     private static instance;
     static readonly ins: YtSceneManager;