@mml-io/mml-web-playcanvas-standalone 0.19.7 → 0.20.0

package/build/StandalonePlayCanvasAdapter.d.ts

@@ -9,6 +9,7 @@ export declare enum StandalonePlayCanvasAdapterControlsType {
 }
 export type StandalonePlayCanvasAdapterOptions = {
     controlsType?: StandalonePlayCanvasAdapterControlsType;
+    autoConnectRoot?: boolean;
 };
 export declare class StandalonePlayCanvasAdapter implements PlayCanvasGraphicsAdapter, StandaloneGraphicsAdapter {
     private element;
@@ -19,6 +20,7 @@ export declare class StandalonePlayCanvasAdapter implements PlayCanvasGraphicsAd
     controls: PlayCanvasControls | null;
     private camera;
     private canvas;
+    private contentRoot;
     private clickTrigger;
     private constructor();
     getPlayCanvasApp(): playcanvas.AppBase;
@@ -44,6 +46,8 @@ export declare class StandalonePlayCanvasAdapter implements PlayCanvasGraphicsAd
     };
     resize(width: number, height: number): void;
     dispose(): void;
+    disconnectRoot(): void;
+    connectRoot(): void;
     getRootContainer(): playcanvas.Entity;
     getBoundingBoxForElement(element: HTMLElement): {
         x: number;

package/build/index.js

@@ -472,7 +472,11 @@ var StandalonePlayCanvasAdapter = class _StandalonePlayCanvasAdapter {
       clearColor: new playcanvas.Color(1, 1, 1, 1)
     });
     this.camera.setPosition(0, 5, 10);
-    this.playcanvasApp.root.addChild(this.camera);
+    this.contentRoot = new playcanvas.Entity("contentRoot", this.playcanvasApp);
+    this.contentRoot.addChild(this.camera);
+    if (this.options.autoConnectRoot === void 0 || this.options.autoConnectRoot) {
+      this.playcanvasApp.root.addChild(this.contentRoot);
+    }
     this.setControlsType(this.options.controlsType);
     this.clickTrigger = PlayCanvasClickTrigger.init(this.playcanvasApp, this.element, this.camera);
     this.playcanvasApp.on("update", (delta) => {
@@ -543,8 +547,18 @@ var StandalonePlayCanvasAdapter = class _StandalonePlayCanvasAdapter {
     }
     this.clickTrigger.dispose();
   }
+  disconnectRoot() {
+    if (this.contentRoot.parent) {
+      this.contentRoot.parent.removeChild(this.contentRoot);
+    }
+  }
+  connectRoot() {
+    if (!this.contentRoot.parent) {
+      this.playcanvasApp.root.addChild(this.contentRoot);
+    }
+  }
   getRootContainer() {
-    return this.playcanvasApp.root;
+    return this.contentRoot;
   }
   getBoundingBoxForElement(element) {
     if (!TransformableElement.isTransformableElement(element)) {