@shopware-ag/dive 2.0.2 → 2.1.0

package/build/{src/engine → engine}/index.d.ts

@@ -1,6 +1,7 @@
+export * from './Dive.ts';
 export * from './camera/PerspectiveCamera.ts';
 export * from './clock/Clock.ts';
 export * from './renderer/Renderer.ts';
 export * from './resize/ResizeManager.ts';
 export * from './scene/Scene.ts';
-export * from './Engine.ts';
+export * from './view/View.ts';

package/build/{src/engine → engine}/renderer/Renderer.d.ts

@@ -1,7 +1,7 @@
 import { WebGLRenderer } from 'three';
 import { DIVEScene } from '../scene/Scene.ts';
 import { DIVEPerspectiveCamera } from '../camera/PerspectiveCamera.ts';
-export type DIVERenderPipelineSettings = {
+export type DIVERendererSettings = {
     /**
      * The canvas to render to. When undefined, the canvas will be created automatically and reachable via the `diveInstance.canvas` property.
      *
@@ -59,7 +59,7 @@ export type DIVERenderPipelineSettings = {
      */
     shadowQuality: 'high' | 'medium' | 'low';
 };
-export declare const DIVERenderPipelineDefaultSettings: Required<DIVERenderPipelineSettings>;
+export declare const DIVERendererDefaultSettings: Required<DIVERendererSettings>;
 /**
  * A changed version of the WebGLRenderer.
  *
@@ -67,15 +67,22 @@ export declare const DIVERenderPipelineDefaultSettings: Required<DIVERenderPipel
  *
  * @module
  */
-export declare class DIVERenderPipeline {
+export declare class DIVERenderer {
     private _scene;
     private _camera;
+    readonly isDIVERenderer: true;
     private _webglrenderer;
     private _settings;
-    constructor(_scene: DIVEScene, _camera: DIVEPerspectiveCamera, settings?: Partial<DIVERenderPipelineSettings>);
+    constructor(_scene: DIVEScene, _camera: DIVEPerspectiveCamera, settings?: Partial<DIVERendererSettings>);
     get webglrenderer(): WebGLRenderer;
-    setCanvas(canvas: HTMLCanvasElement): void;
+    get canvas(): HTMLCanvasElement;
     render(): void;
     onResize(width: number, height: number): void;
     dispose(): void;
+    setCanvas(canvas: HTMLCanvasElement): void;
+    private _createWebGLRenderer;
 }
+/**
+ * @deprecated Use `import { DIVERenderer } from '@shopware-ag/dive'` instead.
+ */
+export declare const DIVERenderPipeline: typeof DIVERenderer;

package/build/{src/engine → engine}/resize/ResizeManager.d.ts

@@ -1,10 +1,13 @@
 import { DIVEPerspectiveCamera } from '../camera/PerspectiveCamera.ts';
-import { DIVERenderPipeline } from '../renderer/Renderer.ts';
+import { DIVERenderer } from '../renderer/Renderer.ts';
 export declare class DIVEResizeManager {
+    private _renderer;
+    private _camera;
+    readonly isDIVEResizeManager: true;
     private _resizeObserver;
     private _width;
     private _height;
-    constructor(renderer: DIVERenderPipeline, camera: DIVEPerspectiveCamera);
+    constructor(_renderer: DIVERenderer, _camera: DIVEPerspectiveCamera);
     setCanvas(canvas: HTMLCanvasElement): void;
     dispose(): void;
     private _observeCanvas;

package/build/engine/scene/Scene.d.ts

@@ -0,0 +1,41 @@
+import { Scene, Box3, ColorRepresentation } from 'three';
+import { DIVERoot } from '../../components/root/Root.ts';
+import { DIVEGrid } from '../../components/grid/Grid.ts';
+export type DIVESceneSettings = {
+    /**
+     * Whether to add a floor to the scene.
+     *
+     * @default false
+     */
+    displayFloor: boolean;
+    /**
+     * Whether to add a grid to the scene.
+     *
+     * @default false
+     */
+    displayGrid: boolean;
+    /**
+     * Whether to add a grid to the scene.
+     *
+     * @default #ffffff
+     */
+    backgroundColor: ColorRepresentation;
+};
+export declare const DIVESceneDefaultSettings: Required<DIVESceneSettings>;
+/**
+ * A basic scene class.
+ *
+ * Comes with a root object that contains all the scene objects.
+ *
+ * @module
+ */
+export declare class DIVEScene extends Scene {
+    readonly isDIVEScene: true;
+    private _root;
+    private _grid;
+    constructor(settings?: Partial<DIVESceneSettings>);
+    get root(): DIVERoot;
+    get grid(): DIVEGrid;
+    setBackground(color: ColorRepresentation): void;
+    computeSceneBB(): Box3;
+}

package/build/{src/engine → engine}/scene/xrroot/XRRoot.d.ts

@@ -1,6 +1,6 @@
 import { Object3D } from 'three';
 import { DIVERoot } from '../../../components/root/Root.ts';
-import { DIVERenderPipeline } from '../../renderer/Renderer.ts';
+import { DIVERenderer } from '../../renderer/Renderer.ts';
 import { DIVEXRLightRoot } from './xrlightroot/XRLightRoot.ts';
 import { DIVEScene } from '../Scene.ts';
 export declare class DIVEXRRoot extends Object3D {
@@ -12,6 +12,6 @@ export declare class DIVEXRRoot extends Object3D {
     get XRHandNode(): Object3D;
     private _xrShadowPlane;
     constructor(scene: DIVEScene);
-    initLightEstimation(renderer: DIVERenderPipeline): void;
+    initLightEstimation(renderer: DIVERenderer): void;
     disposeLightEstimation(): void;
 }

package/build/{src/engine → engine}/scene/xrroot/xrlightroot/XRLightRoot.d.ts

@@ -1,4 +1,4 @@
-import { DIVERenderPipeline } from '../../../renderer/Renderer.ts';
+import { DIVERenderer } from '../../../renderer/Renderer.ts';
 import { Object3D } from 'three';
 import { DIVEScene } from '../../Scene.ts';
 export declare class DIVEXRLightRoot extends Object3D {
@@ -6,7 +6,7 @@ export declare class DIVEXRLightRoot extends Object3D {
     private _xrLight;
     private _lightRoot;
     constructor(scene: DIVEScene);
-    initLightEstimation(renderer: DIVERenderPipeline): void;
+    initLightEstimation(renderer: DIVERenderer): void;
     disposeLightEstimation(): void;
     private onEstimationStart;
     private onEstimationEnd;

package/build/engine/view/View.d.ts

@@ -0,0 +1,24 @@
+import { DIVETicker } from '../clock/Clock.ts';
+import { DIVEPerspectiveCamera } from '../camera/PerspectiveCamera.ts';
+import { DIVERenderer, DIVERendererSettings } from '../renderer/Renderer.ts';
+import { DIVEScene } from '../scene/Scene.ts';
+export declare class DIVEView implements DIVETicker {
+    private _scene;
+    private _camera;
+    private _settings;
+    readonly isDIVEView: true;
+    readonly uuid: string;
+    private _paused;
+    private _renderer;
+    private _resizeManager;
+    constructor(_scene: DIVEScene, _camera: DIVEPerspectiveCamera, _settings: Partial<DIVERendererSettings>);
+    get renderer(): DIVERenderer;
+    get camera(): DIVEPerspectiveCamera;
+    get canvas(): HTMLCanvasElement;
+    tick(): void;
+    dispose(): void;
+    onResize(width: number, height: number): void;
+    setCanvas(canvas: HTMLCanvasElement): void;
+    pause(): void;
+    resume(): void;
+}

package/build/{src/index.d.ts → index.d.ts}

@@ -1,4 +1,4 @@
-export * from './core/index.ts';
+export * from './engine/index.ts';
 export * from './constants/index.ts';
 export * from './components/index.ts';
 export * from './engine/index.ts';

package/build/plugins/animation/index.cjs

@@ -1 +1 @@
-"use strict";var u=Object.defineProperty;var h=(n,e,t)=>e in n?u(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var a=(n,e,t)=>h(n,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("@tweenjs/tween.js"),c=require("../../chunks/MathUtils-CBW56ZuG.cjs");function _(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,s.get?s:{enumerable:!0,get:()=>n[t]})}}return e.default=n,Object.freeze(e)}const d=_(f);class g{addEventListener(e,t){this._listeners===void 0&&(this._listeners={});const s=this._listeners;s[e]===void 0&&(s[e]=[]),s[e].indexOf(t)===-1&&s[e].push(t)}hasEventListener(e,t){if(this._listeners===void 0)return!1;const s=this._listeners;return s[e]!==void 0&&s[e].indexOf(t)!==-1}removeEventListener(e,t){if(this._listeners===void 0)return;const r=this._listeners[e];if(r!==void 0){const i=r.indexOf(t);i!==-1&&r.splice(i,1)}}dispatchEvent(e){if(this._listeners===void 0)return;const s=this._listeners[e.type];if(s!==void 0){e.target=this;const r=s.slice(0);for(let i=0,l=r.length;i<l;i++)r[i].call(this,e);e.target=null}}}class p extends g{constructor(t,s,r,i){super();a(this,"_uuid",c.MathUtils.generateUUID());a(this,"_playing",!1);a(this,"_stopped",!1);a(this,"_completed",!1);this.object=t,this.to=s,this.duration=r,this.options=i}get uuid(){return this._uuid}get playing(){return this._playing}get stopped(){return this._stopped}get completed(){return this._completed}dispose(){this._playing=!1,this._stopped=!1,this._completed=!1}play(){return this._playing=!0,this._stopped=!1,this.dispatchEvent({type:"play",target:this}),this}stop(){return this._playing=!1,this._stopped=!0,this.dispatchEvent({type:"stop",target:this}),this}}class E{constructor(){a(this,"uuid",c.MathUtils.generateUUID());a(this,"TWEEN",d);a(this,"_callbackMap",new Map);a(this,"_tweens",new Map)}animate(e,t,s,r){var l,o;const i=new p(e,t,s,r);return this._callbackMap.set(i.uuid,{onUpdate:((l=i.options)==null?void 0:l.onUpdate)??(()=>{}),onComplete:((o=i.options)==null?void 0:o.onComplete)??(()=>{})}),this._createTween(i),i}remove(e){if(!this._callbackMap.has(e)){console.warn(`Animator with uuid ${e} not found`);return}this._callbackMap.delete(e),this._tweens.delete(e)}dispose(){this._callbackMap.clear(),this._tweens.clear()}tick(){this.TWEEN.update()}_createTween(e){var s;const t=new this.TWEEN.Tween(e.object).to(e.to,e.duration).easing(((s=e.options)==null?void 0:s.easing)??this.TWEEN.Easing.Quadratic.Out).onUpdate((r,i)=>{var l;(l=this._callbackMap.get(e.uuid))==null||l.onUpdate(r,i)}).onComplete(r=>{var i;(i=this._callbackMap.get(e.uuid))==null||i.onComplete(r)});e.addEventListener("play",()=>{t.start()}),e.addEventListener("stop",()=>{t.stop()}),this._tweens.set(e.uuid,t)}}exports.TWEEN=d;exports.AnimationSystem=E;exports.Animator=p;
+"use strict";var u=Object.defineProperty;var h=(n,e,t)=>e in n?u(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var a=(n,e,t)=>h(n,typeof e!="symbol"?e+"":e,t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("@tweenjs/tween.js"),c=require("three");function _(n){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(n){for(const t in n)if(t!=="default"){const s=Object.getOwnPropertyDescriptor(n,t);Object.defineProperty(e,t,s.get?s:{enumerable:!0,get:()=>n[t]})}}return e.default=n,Object.freeze(e)}const d=_(f);class g{addEventListener(e,t){this._listeners===void 0&&(this._listeners={});const s=this._listeners;s[e]===void 0&&(s[e]=[]),s[e].indexOf(t)===-1&&s[e].push(t)}hasEventListener(e,t){if(this._listeners===void 0)return!1;const s=this._listeners;return s[e]!==void 0&&s[e].indexOf(t)!==-1}removeEventListener(e,t){if(this._listeners===void 0)return;const r=this._listeners[e];if(r!==void 0){const i=r.indexOf(t);i!==-1&&r.splice(i,1)}}dispatchEvent(e){if(this._listeners===void 0)return;const s=this._listeners[e.type];if(s!==void 0){e.target=this;const r=s.slice(0);for(let i=0,l=r.length;i<l;i++)r[i].call(this,e);e.target=null}}}class p extends g{constructor(t,s,r,i){super();a(this,"_uuid",c.MathUtils.generateUUID());a(this,"_playing",!1);a(this,"_stopped",!1);a(this,"_completed",!1);this.object=t,this.to=s,this.duration=r,this.options=i}get uuid(){return this._uuid}get playing(){return this._playing}get stopped(){return this._stopped}get completed(){return this._completed}dispose(){this._playing=!1,this._stopped=!1,this._completed=!1}play(){return this._playing=!0,this._stopped=!1,this.dispatchEvent({type:"play",target:this}),this}stop(){return this._playing=!1,this._stopped=!0,this.dispatchEvent({type:"stop",target:this}),this}}class E{constructor(){a(this,"uuid",c.MathUtils.generateUUID());a(this,"TWEEN",d);a(this,"_callbackMap",new Map);a(this,"_tweens",new Map)}animate(e,t,s,r){var l,o;const i=new p(e,t,s,r);return this._callbackMap.set(i.uuid,{onUpdate:((l=i.options)==null?void 0:l.onUpdate)??(()=>{}),onComplete:((o=i.options)==null?void 0:o.onComplete)??(()=>{})}),this._createTween(i),i}remove(e){if(!this._callbackMap.has(e)){console.warn(`Animator with uuid ${e} not found`);return}this._callbackMap.delete(e),this._tweens.delete(e)}dispose(){this._callbackMap.clear(),this._tweens.clear()}tick(){this.TWEEN.update()}_createTween(e){var s;const t=new this.TWEEN.Tween(e.object).to(e.to,e.duration).easing(((s=e.options)==null?void 0:s.easing)??this.TWEEN.Easing.Quadratic.Out).onUpdate((r,i)=>{var l;(l=this._callbackMap.get(e.uuid))==null||l.onUpdate(r,i)}).onComplete(r=>{var i;(i=this._callbackMap.get(e.uuid))==null||i.onComplete(r)});e.addEventListener("play",()=>{t.start()}),e.addEventListener("stop",()=>{t.stop()}),this._tweens.set(e.uuid,t)}}exports.TWEEN=d;exports.AnimationSystem=E;exports.Animator=p;

package/build/plugins/animation/index.d.ts

@@ -1,2 +1,2 @@
-export * from '../../src/plugins/animation/index'
-export {}
+export * from './src/index.ts';
+export * as TWEEN from '@tweenjs/tween.js';

package/build/plugins/animation/index.mjs

@@ -1,8 +1,8 @@
 var d = Object.defineProperty;
-var h = (r, e, t) => e in r ? d(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
-var a = (r, e, t) => h(r, typeof e != "symbol" ? e + "" : e, t);
+var h = (a, e, t) => e in a ? d(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
+var r = (a, e, t) => h(a, typeof e != "symbol" ? e + "" : e, t);
 import * as c from "@tweenjs/tween.js";
-import { M as p } from "../../chunks/MathUtils-CFGjHuVF.mjs";
+import { MathUtils as p } from "three";
 class u {
   addEventListener(e, t) {
     this._listeners === void 0 && (this._listeners = {});
@@ -37,10 +37,10 @@ class u {
 class _ extends u {
   constructor(t, i, n, s) {
     super();
-    a(this, "_uuid", p.generateUUID());
-    a(this, "_playing", !1);
-    a(this, "_stopped", !1);
-    a(this, "_completed", !1);
+    r(this, "_uuid", p.generateUUID());
+    r(this, "_playing", !1);
+    r(this, "_stopped", !1);
+    r(this, "_completed", !1);
     this.object = t, this.to = i, this.duration = n, this.options = s;
   }
   get uuid() {
@@ -67,10 +67,10 @@ class _ extends u {
 }
 class E {
   constructor() {
-    a(this, "uuid", p.generateUUID());
-    a(this, "TWEEN", c);
-    a(this, "_callbackMap", /* @__PURE__ */ new Map());
-    a(this, "_tweens", /* @__PURE__ */ new Map());
+    r(this, "uuid", p.generateUUID());
+    r(this, "TWEEN", c);
+    r(this, "_callbackMap", /* @__PURE__ */ new Map());
+    r(this, "_tweens", /* @__PURE__ */ new Map());
   }
   /**
    * Creates a new animator and registers it.

package/build/plugins/ar/index.cjs

@@ -1 +1 @@
-"use strict";var p=Object.defineProperty;var h=(n,e,r)=>e in n?p(n,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):n[e]=r;var l=(n,e,r)=>h(n,typeof e!="symbol"?e+"":e,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../systeminfo/index.cjs"),A=require("../assetconverter/index.cjs"),O=require("../../chunks/AssetLoader-DUhBw4FF.cjs"),w=require("../../chunks/AssetExporter-DsbC2rqv.cjs");var m=(n=>(n.AR_DESKTOP_PLATFORM_ERROR="ar-desktop-platform-error",n.AR_QUICK_LOOK_NOT_SAFARI_ERROR="ar-quicklook-not-safari-error",n.AR_QUICK_LOOK_VERSION_MISMATCH_ERROR="ar-quicklook-version-mismatch-error",n.AR_QUICK_LOOK_UNKNOWN_ERROR="ar-quicklook-unknown-error",n))(m||{});class a extends Error{constructor(r,t){super(r);l(this,"type");this.name=this.constructor.name,this.type=t,Object.setPrototypeOf(this,new.target.prototype)}}class R extends a{constructor(){super("AR features are not supported on desktop platforms.","ar-desktop-platform-error")}}class d extends a{constructor(){super("ARQuickLook on iOS is only available in Safari.","ar-quicklook-not-safari-error")}}class S extends a{constructor(e,r){super(`ARQuickLook requires iOS version ${r} or later. Current version: ${e}.`,"ar-quicklook-version-mismatch-error"),this.currentVersion=e,this.requiredVersion=r}}class u extends a{constructor(){super("An unknown ARQuickLook compatibility error occurred.","ar-quicklook-unknown-error")}}const k=12;class _{constructor(){l(this,"converter",new A.AssetConverter(new O.AssetLoader,new w.AssetExporter))}async launch(e,r){if(c.SystemInfo.getBrowser()!==c.EBrowser.SAFARI)return Promise.reject(new d);const t=c.SystemInfo.getIOSVersion();if(t&&t.major<k)return Promise.reject(new S(t.full,k));if(!t)return Promise.reject(new u);if(!c.SystemInfo.getSupportsARQuickLook())return Promise.reject(new u);const o=await this.convertToUSDZ(e,r);return this.launchARQuickLook(o,r)}async convertToUSDZ(e,r){const t=await this.converter.convert(e).to("usdz",{quickLookCompatible:!0,ar:{anchoring:{type:"plane"},planeAnchoring:{alignment:(r==null?void 0:r.arPlacement)==="vertical"?"vertical":"horizontal"}}}),o=new Blob([t],{type:"model/vnd.usdz+zip"});return URL.createObjectURL(o)}launchARQuickLook(e,r){return new Promise(t=>{(r==null?void 0:r.arScale)==="fixed"&&(e=e.concat("#allowsContentScaling=0"));const o=document.createElement("a");o.innerHTML="<picture></picture>",o.rel="ar",o.href=e,o.download="scene.usdz",t(),o.click()})}}class f{launch(e,r){const t=self.location.toString(),o=document.createElement("a"),s=this._createParams(t,e,r),i=this._createIntent(t,e,s);o.setAttribute("href",i),o.click()}_createParams(e,r,t){const o=new URL(r,e),s=new URLSearchParams(o.search);return s.set("mode","ar_preferred"),this._applyScaleOption(s,t),this._applyPlacementOption(s,t),this._applySoundOption(s,e),this._applyLinkOption(s,e),s}_applyScaleOption(e,r){(r==null?void 0:r.arScale)==="fixed"&&e.set("resizable","false")}_applyPlacementOption(e,r){(r==null?void 0:r.arPlacement)==="vertical"&&e.set("enable_vertical_placement","true")}_applySoundOption(e,r){if(e.has("sound")){const t=new URL(e.get("sound"),r);e.set("sound",t.toString())}}_applyLinkOption(e,r){if(e.has("link")){const t=new URL(e.get("link"),r);e.set("link",t.toString())}}_createIntent(e,r,t){const o=new URL(e),s=new URL(r,e),i="#model-viewer-no-ar-fallback";return o.hash=i,`intent://arvr.google.com/scene-viewer/1.2?${t.toString()+"&file="+s.toString()}#Intent;scheme=https;package=com.google.android.googlequicksearchbox;action=android.intent.action.VIEW;S.browser_fallback_url=${encodeURIComponent(o.toString())};end;`}}class L{async launch(e,r){const t=c.SystemInfo.getSystem();return t===c.ESystem.IOS?new _().launch(e,r):t===c.ESystem.ANDROID?new f().launch(e,r):Promise.reject(new R)}}exports.ARDesktopPlatformError=R;exports.ARError=a;exports.ARQuickLook=_;exports.ARQuickLookNotSafariError=d;exports.ARQuickLookUnknownError=u;exports.ARQuickLookVersionMismatchError=S;exports.ARSystem=L;exports.EARErrorType=m;exports.SceneViewer=f;
+"use strict";var f=Object.defineProperty;var h=(o,e,r)=>e in o?f(o,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):o[e]=r;var l=(o,e,r)=>h(o,typeof e!="symbol"?e+"":e,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../systeminfo/index.cjs"),A=require("../assetconverter/index.cjs"),O=require("../../chunks/AssetLoader-CoPAaRfM.cjs"),w=require("../../chunks/AssetExporter-DsbC2rqv.cjs");var m=(o=>(o.AR_DESKTOP_PLATFORM_ERROR="ar-desktop-platform-error",o.AR_QUICK_LOOK_NOT_SAFARI_ERROR="ar-quicklook-not-safari-error",o.AR_QUICK_LOOK_VERSION_MISMATCH_ERROR="ar-quicklook-version-mismatch-error",o.AR_QUICK_LOOK_UNKNOWN_ERROR="ar-quicklook-unknown-error",o))(m||{});class a extends Error{constructor(r,t){super(r);l(this,"type");this.name=this.constructor.name,this.type=t,Object.setPrototypeOf(this,new.target.prototype)}}class R extends a{constructor(){super("AR features are not supported on desktop platforms.","ar-desktop-platform-error")}}class p extends a{constructor(){super("ARQuickLook on iOS is only available in Safari.","ar-quicklook-not-safari-error")}}class d extends a{constructor(e,r){super(`ARQuickLook requires iOS version ${r} or later. Current version: ${e}.`,"ar-quicklook-version-mismatch-error"),this.currentVersion=e,this.requiredVersion=r}}class u extends a{constructor(){super("An unknown ARQuickLook compatibility error occurred.","ar-quicklook-unknown-error")}}const k=12;class S{constructor(){l(this,"converter",new A.AssetConverter(new O.AssetLoader,new w.AssetExporter))}async launch(e,r){if(c.SystemInfo.getBrowser()!==c.EBrowser.SAFARI)return Promise.reject(new p);const t=c.SystemInfo.getIOSVersion();if(t&&t.major<k)return Promise.reject(new d(t.full,k));if(!t)return Promise.reject(new u);if(!c.SystemInfo.getSupportsARQuickLook())return Promise.reject(new u);const n=await this.convertToUSDZ(e,r);return this.launchARQuickLook(n,r)}async convertToUSDZ(e,r){const t=await this.converter.convert(e).to("usdz",{quickLookCompatible:!0,ar:{anchoring:{type:"plane"},planeAnchoring:{alignment:"horizontal"}}}),n=new Blob([t],{type:"model/vnd.usdz+zip"});return URL.createObjectURL(n)}launchARQuickLook(e,r){return new Promise(t=>{(r==null?void 0:r.arScale)==="fixed"&&(e=e.concat("#allowsContentScaling=0"));const n=document.createElement("a");n.innerHTML="<picture></picture>",n.rel="ar",n.href=e,n.download="scene.usdz",t(),n.click()})}}class _{launch(e,r){const t=self.location.toString(),n=document.createElement("a"),s=this._createParams(t,e,r),i=this._createIntent(t,e,s);n.setAttribute("href",i),n.click()}_createParams(e,r,t){const n=new URL(r,e),s=new URLSearchParams(n.search);return s.set("mode","ar_preferred"),this._applyScaleOption(s,t),this._applyPlacementOption(s,t),this._applySoundOption(s,e),this._applyLinkOption(s,e),s}_applyScaleOption(e,r){(r==null?void 0:r.arScale)==="fixed"&&e.set("resizable","false")}_applyPlacementOption(e,r){(r==null?void 0:r.arPlacement)==="vertical"&&e.set("enable_vertical_placement","true")}_applySoundOption(e,r){if(e.has("sound")){const t=new URL(e.get("sound"),r);e.set("sound",t.toString())}}_applyLinkOption(e,r){if(e.has("link")){const t=new URL(e.get("link"),r);e.set("link",t.toString())}}_createIntent(e,r,t){const n=new URL(e),s=new URL(r,e),i="#model-viewer-no-ar-fallback";return n.hash=i,`intent://arvr.google.com/scene-viewer/1.2?${t.toString()+"&file="+s.toString()}#Intent;scheme=https;package=com.google.android.googlequicksearchbox;action=android.intent.action.VIEW;S.browser_fallback_url=${encodeURIComponent(n.toString())};end;`}}class L{async launch(e,r){const t=c.SystemInfo.getSystem();return t===c.ESystem.IOS?new S().launch(e,r):t===c.ESystem.ANDROID?new _().launch(e,r):Promise.reject(new R)}}exports.ARDesktopPlatformError=R;exports.ARError=a;exports.ARQuickLook=S;exports.ARQuickLookNotSafariError=p;exports.ARQuickLookUnknownError=u;exports.ARQuickLookVersionMismatchError=d;exports.ARSystem=L;exports.EARErrorType=m;exports.SceneViewer=_;

package/build/plugins/ar/index.d.ts

@@ -1,2 +1,4 @@
-export * from '../../src/plugins/ar/index'
-export {}
+export * from './src/ARSystem.ts';
+export * from './src/arquicklook/ARQuickLook.ts';
+export * from './src/sceneviewer/SceneViewer.ts';
+export * from './src/error/ar-errors.ts';

package/build/plugins/ar/index.mjs

@@ -1,19 +1,19 @@
-var R = Object.defineProperty;
-var d = (n, e, r) => e in n ? R(n, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : n[e] = r;
-var l = (n, e, r) => d(n, typeof e != "symbol" ? e + "" : e, r);
-import { SystemInfo as c, EBrowser as p, ESystem as u } from "../systeminfo/index.mjs";
+var p = Object.defineProperty;
+var R = (o, e, r) => e in o ? p(o, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : o[e] = r;
+var l = (o, e, r) => R(o, typeof e != "symbol" ? e + "" : e, r);
+import { SystemInfo as c, EBrowser as d, ESystem as u } from "../systeminfo/index.mjs";
 import { AssetConverter as h } from "../assetconverter/index.mjs";
-import { A as _ } from "../../chunks/AssetLoader-o_4syRGj.mjs";
+import { A as _ } from "../../chunks/AssetLoader-Da8hFXRL.mjs";
 import { A as f } from "../../chunks/AssetExporter-brT7ogoM.mjs";
-var S = /* @__PURE__ */ ((n) => (n.AR_DESKTOP_PLATFORM_ERROR = "ar-desktop-platform-error", n.AR_QUICK_LOOK_NOT_SAFARI_ERROR = "ar-quicklook-not-safari-error", n.AR_QUICK_LOOK_VERSION_MISMATCH_ERROR = "ar-quicklook-version-mismatch-error", n.AR_QUICK_LOOK_UNKNOWN_ERROR = "ar-quicklook-unknown-error", n))(S || {});
-class s extends Error {
+var S = /* @__PURE__ */ ((o) => (o.AR_DESKTOP_PLATFORM_ERROR = "ar-desktop-platform-error", o.AR_QUICK_LOOK_NOT_SAFARI_ERROR = "ar-quicklook-not-safari-error", o.AR_QUICK_LOOK_VERSION_MISMATCH_ERROR = "ar-quicklook-version-mismatch-error", o.AR_QUICK_LOOK_UNKNOWN_ERROR = "ar-quicklook-unknown-error", o))(S || {});
+class a extends Error {
   constructor(r, t) {
     super(r);
     l(this, "type");
     this.name = this.constructor.name, this.type = t, Object.setPrototypeOf(this, new.target.prototype);
   }
 }
-class O extends s {
+class O extends a {
   constructor() {
     super(
       "AR features are not supported on desktop platforms.",
@@ -22,7 +22,7 @@ class O extends s {
     );
   }
 }
-class w extends s {
+class w extends a {
   constructor() {
     super(
       "ARQuickLook on iOS is only available in Safari.",
@@ -31,7 +31,7 @@ class w extends s {
     );
   }
 }
-class A extends s {
+class A extends a {
   constructor(e, r) {
     super(
       `ARQuickLook requires iOS version ${r} or later. Current version: ${e}.`,
@@ -40,7 +40,7 @@ class A extends s {
     ), this.currentVersion = e, this.requiredVersion = r;
   }
 }
-class k extends s {
+class k extends a {
   constructor() {
     super(
       "An unknown ARQuickLook compatibility error occurred.",
@@ -66,7 +66,7 @@ class L {
    * @throws Error if ARQuickLook is not supported on the device
    */
   async launch(e, r) {
-    if (c.getBrowser() !== p.SAFARI)
+    if (c.getBrowser() !== d.SAFARI)
       return Promise.reject(new w());
     const t = c.getIOSVersion();
     if (t && t.major < m)
@@ -80,8 +80,8 @@ class L {
       return Promise.reject(new k());
     if (!c.getSupportsARQuickLook())
       return Promise.reject(new k());
-    const o = await this.convertToUSDZ(e, r);
-    return this.launchARQuickLook(o, r);
+    const n = await this.convertToUSDZ(e, r);
+    return this.launchARQuickLook(n, r);
   }
   async convertToUSDZ(e, r) {
     const t = await this.converter.convert(e).to("usdz", {
@@ -89,17 +89,17 @@ class L {
       ar: {
         anchoring: { type: "plane" },
         planeAnchoring: {
-          alignment: (r == null ? void 0 : r.arPlacement) === "vertical" ? "vertical" : "horizontal"
+          alignment: "horizontal"
         }
       }
-    }), o = new Blob([t], { type: "model/vnd.usdz+zip" });
-    return URL.createObjectURL(o);
+    }), n = new Blob([t], { type: "model/vnd.usdz+zip" });
+    return URL.createObjectURL(n);
   }
   launchARQuickLook(e, r) {
     return new Promise((t) => {
       (r == null ? void 0 : r.arScale) === "fixed" && (e = e.concat("#allowsContentScaling=0"));
-      const o = document.createElement("a");
-      o.innerHTML = "<picture></picture>", o.rel = "ar", o.href = e, o.download = "scene.usdz", t(), o.click();
+      const n = document.createElement("a");
+      n.innerHTML = "<picture></picture>", n.rel = "ar", n.href = e, n.download = "scene.usdz", t(), n.click();
     });
   }
 }
@@ -115,8 +115,8 @@ class g {
    * @throws Error if there's an issue launching SceneViewer
    */
   launch(e, r) {
-    const t = self.location.toString(), o = document.createElement("a"), a = this._createParams(t, e, r), i = this._createIntent(t, e, a);
-    o.setAttribute("href", i), o.click();
+    const t = self.location.toString(), n = document.createElement("a"), s = this._createParams(t, e, r), i = this._createIntent(t, e, s);
+    n.setAttribute("href", i), n.click();
   }
   /**
    * Creates the base URL parameters for SceneViewer
@@ -124,8 +124,8 @@ class g {
    * @returns URLSearchParams with base configuration
    */
   _createParams(e, r, t) {
-    const o = new URL(r, e), a = new URLSearchParams(o.search);
-    return a.set("mode", "ar_preferred"), this._applyScaleOption(a, t), this._applyPlacementOption(a, t), this._applySoundOption(a, e), this._applyLinkOption(a, e), a;
+    const n = new URL(r, e), s = new URLSearchParams(n.search);
+    return s.set("mode", "ar_preferred"), this._applyScaleOption(s, t), this._applyPlacementOption(s, t), this._applySoundOption(s, e), this._applyLinkOption(s, e), s;
   }
   /**
    * Applies the scale option to the parameters
@@ -174,9 +174,9 @@ class g {
    * @returns The complete Intent URL
    */
   _createIntent(e, r, t) {
-    const o = new URL(e), a = new URL(r, e), i = "#model-viewer-no-ar-fallback";
-    return o.hash = i, `intent://arvr.google.com/scene-viewer/1.2?${t.toString() + "&file=" + a.toString()}#Intent;scheme=https;package=com.google.android.googlequicksearchbox;action=android.intent.action.VIEW;S.browser_fallback_url=${encodeURIComponent(
-      o.toString()
+    const n = new URL(e), s = new URL(r, e), i = "#model-viewer-no-ar-fallback";
+    return n.hash = i, `intent://arvr.google.com/scene-viewer/1.2?${t.toString() + "&file=" + s.toString()}#Intent;scheme=https;package=com.google.android.googlequicksearchbox;action=android.intent.action.VIEW;S.browser_fallback_url=${encodeURIComponent(
+      n.toString()
     )};end;`;
   }
 }
@@ -196,7 +196,7 @@ class b {
 }
 export {
   O as ARDesktopPlatformError,
-  s as ARError,
+  a as ARError,
   L as ARQuickLook,
   w as ARQuickLookNotSafariError,
   k as ARQuickLookUnknownError,

package/build/{src/plugins → plugins}/ar/src/webxr/WebXR.d.ts

@@ -1,5 +1,5 @@
 import { OrbitController } from '../../../orbitcontroller/index.ts';
-import { DIVEEngine } from '../../../../index.ts';
+import { DIVE } from '../../../../index.ts';
 export declare class DIVEWebXR {
     private static _renderer;
     private static _scene;
@@ -12,7 +12,7 @@ export declare class DIVEWebXR {
     private static _overlay;
     private static _options;
     private static _xrController;
-    static Launch(engine: DIVEEngine, controller: OrbitController): Promise<void>;
+    static Launch(engine: DIVE, controller: OrbitController): Promise<void>;
     static update(_time: DOMHighResTimeStamp, frame: XRFrame): void;
     static end(): void;
     private static _onSessionStarted;

package/build/{src/plugins → plugins}/ar/src/webxr/controller/WebXRController.d.ts

@@ -1,5 +1,5 @@
 import { Object3D } from 'three';
-import { DIVERenderPipeline } from '../../../../../engine/renderer/Renderer.ts';
+import { DIVERenderer } from '../../../../../engine/renderer/Renderer.ts';
 import { DIVEScene } from '../../../../../engine/scene/Scene.ts';
 export declare class DIVEWebXRController extends Object3D {
     private _renderer;
@@ -23,7 +23,7 @@ export declare class DIVEWebXRController extends Object3D {
     private _touchQuaterion;
     private _touchScale;
     private _scaleThreshold;
-    constructor(session: XRSession, renderer: DIVERenderPipeline, scene: DIVEScene);
+    constructor(session: XRSession, renderer: DIVERenderer, scene: DIVEScene);
     init(): Promise<this>;
     dispose(): void;
     update(frame: XRFrame): void;

package/build/{src/plugins → plugins}/ar/src/webxr/origin/WebXROrigin.d.ts

@@ -1,5 +1,5 @@
 import { Matrix4, Quaternion, Vector3 } from 'three';
-import { DIVERenderPipeline } from '../../../../../engine/renderer/Renderer.ts';
+import { DIVERenderer } from '../../../../../engine/renderer/Renderer.ts';
 export declare class DIVEWebXROrigin {
     private _renderer;
     private _session;
@@ -22,7 +22,7 @@ export declare class DIVEWebXROrigin {
     get quaternion(): Quaternion;
     private _scale;
     get scale(): Vector3;
-    constructor(session: XRSession, renderer: DIVERenderPipeline, entityTypes?: XRHitTestTrackableType[]);
+    constructor(session: XRSession, renderer: DIVERenderer, entityTypes?: XRHitTestTrackableType[]);
     init(): Promise<this>;
     dispose(): void;
     update(frame: XRFrame): void;

package/build/{src/plugins → plugins}/ar/src/webxr/raycaster/WebXRRaycaster.d.ts

@@ -1,5 +1,5 @@
 import { Matrix4, Mesh, Vector3 } from 'three';
-import { DIVERenderPipeline } from '../../../../../engine/renderer/Renderer.ts';
+import { DIVERenderer } from '../../../../../engine/renderer/Renderer.ts';
 import { DIVEScene } from '../../../../../engine/scene/Scene.ts';
 import { EventDispatcher } from '../../../../../events/index.ts';
 /**
@@ -28,7 +28,7 @@ export declare class DIVEWebXRRaycaster extends EventDispatcher<DIVEWebXRRaycast
     private _arHitResultBuffer;
     private _sceneHitResultBuffer;
     private _hasHit;
-    constructor(session: XRSession, renderer: DIVERenderPipeline, scene: DIVEScene);
+    constructor(session: XRSession, renderer: DIVERenderer, scene: DIVEScene);
     dispose(): void;
     init(): Promise<this>;
     getARIntersections(frame: XRFrame): DIVEHitResult[];

package/build/{src/plugins → plugins}/ar/src/webxr/raycaster/ar/WebXRRaycasterAR.d.ts

@@ -1,4 +1,4 @@
-import { DIVERenderPipeline } from '../../../../../../engine/renderer/Renderer.ts';
+import { DIVERenderer } from '../../../../../../engine/renderer/Renderer.ts';
 import { DIVEHitResult } from '../WebXRRaycaster.ts';
 export declare class DIVEWebXRRaycasterAR {
     private _session;
@@ -8,7 +8,7 @@ export declare class DIVEWebXRRaycasterAR {
     private _requesting;
     private _initialized;
     private _hitMatrixBuffer;
-    constructor(session: XRSession, renderer: DIVERenderPipeline);
+    constructor(session: XRSession, renderer: DIVERenderer);
     dispose(): void;
     init(): Promise<this>;
     getIntersections(frame: XRFrame): DIVEHitResult[];

package/build/{src/plugins → plugins}/ar/src/webxr/raycaster/three/WebXRRaycasterTHREE.d.ts

@@ -1,4 +1,4 @@
-import { DIVERenderPipeline } from '../../../../../../engine/renderer/Renderer.ts';
+import { DIVERenderer } from '../../../../../../engine/renderer/Renderer.ts';
 import { DIVEScene } from '../../../../../../engine/scene/Scene.ts';
 import { DIVEHitResult } from '../WebXRRaycaster.ts';
 export declare class DIVEWebXRRaycasterTHREE {
@@ -6,7 +6,7 @@ export declare class DIVEWebXRRaycasterTHREE {
     private _scene;
     private _controller;
     private _raycaster;
-    constructor(renderer: DIVERenderPipeline, scene: DIVEScene);
+    constructor(renderer: DIVERenderer, scene: DIVEScene);
     init(): Promise<this>;
     getIntersections(): DIVEHitResult[];
 }

package/build/plugins/assetcache/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/AssetCache-CuVztq_7.cjs");exports.AssetCache=e.AssetCache;exports.Chunk=e.Chunk;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/AssetCache-BQRROeKj.cjs");exports.AssetCache=e.AssetCache;exports.Chunk=e.Chunk;

package/build/plugins/assetcache/index.d.ts

@@ -1,2 +1 @@
-export * from '../../src/plugins/assetcache/index'
-export {}
+export * from './src/index.ts';

package/build/plugins/assetcache/index.mjs

@@ -1,4 +1,4 @@
-import { A as e, C } from "../../chunks/AssetCache-CiC4wZkh.mjs";
+import { A as e, C } from "../../chunks/AssetCache-D-tIG2cD.mjs";
 export {
   e as AssetCache,
   C as Chunk

package/build/plugins/assetconverter/index.d.ts

@@ -1,2 +1 @@
-export * from '../../src/plugins/assetconverter/index'
-export {}
+export * from './src/AssetConverter.ts';

package/build/plugins/assetexporter/index.d.ts

@@ -1,2 +1 @@
-export * from '../../src/plugins/assetexporter/index'
-export {}
+export * from './src/AssetExporter.ts';

package/build/plugins/assetloader/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/AssetLoader-DUhBw4FF.cjs");exports.AssetLoader=e.AssetLoader;exports.DRACOWorker=e.DRACOWorker;exports.DracoLoader=e.DracoLoader;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../chunks/AssetLoader-CoPAaRfM.cjs");exports.AssetLoader=e.AssetLoader;exports.DRACOWorker=e.DRACOWorker;exports.DracoLoader=e.DracoLoader;

package/build/plugins/assetloader/index.d.ts

@@ -1,2 +1,3 @@
-export * from '../../src/plugins/assetloader/index'
-export {}
+export * from './src/loader/AssetLoader.ts';
+export * from './src/draco/DracoLoader.ts';
+export * from './src/draco/worker/DracoWorker.js';

package/build/plugins/assetloader/index.mjs

@@ -1,4 +1,4 @@
-import { A as o, a as e, D as s } from "../../chunks/AssetLoader-o_4syRGj.mjs";
+import { A as o, a as e, D as s } from "../../chunks/AssetLoader-Da8hFXRL.mjs";
 export {
   o as AssetLoader,
   e as DRACOWorker,

package/build/plugins/mediacreator/index.cjs

@@ -1 +1 @@
-"use strict";var h=Object.defineProperty;var b=(t,e,r)=>e in t?h(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var n=(t,e,r)=>b(t,typeof e!="symbol"?e+"":e,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../chunks/PerspectiveCamera-BByyG5R4.cjs");class p{constructor(e,r,o){n(this,"_renderer");n(this,"_scene");n(this,"_controller");this._renderer=e,this._scene=r,this._controller=o}generateMedia(e){const{position:r,target:o,resolution:l}=e,{width:s,height:i}=l,a=this._controller.object.position.clone(),_=this._controller.object.quaternion.clone();this._renderer.onResize(s,i),this._controller.object.onResize(s,i),this._controller.object.position.copy(r),this._controller.target.copy(o),this._controller.update();const d=this.drawCanvas().toDataURL();return this._controller.object.position.copy(a),this._controller.object.quaternion.copy(_),d}drawCanvas(e){const r=this._renderer.webglrenderer.domElement;e&&(this._renderer.webglrenderer.domElement=e),this._controller.object.layers.mask=c.DIVEPerspectiveCamera.LIVE_VIEW_LAYER_MASK,this._renderer.webglrenderer.render(this._scene,this._controller.object),this._controller.object.layers.mask=c.DIVEPerspectiveCamera.EDITOR_VIEW_LAYER_MASK;const o=this._renderer.webglrenderer.domElement;return e&&(this._renderer.webglrenderer.domElement=r),o}}exports.MediaCreator=p;
+"use strict";var h=Object.defineProperty;var b=(t,e,r)=>e in t?h(t,e,{enumerable:!0,configurable:!0,writable:!0,value:r}):t[e]=r;var n=(t,e,r)=>b(t,typeof e!="symbol"?e+"":e,r);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("../../chunks/PerspectiveCamera-Dp8ElZGj.cjs");class p{constructor(e,r,o){n(this,"_renderer");n(this,"_scene");n(this,"_controller");this._renderer=e,this._scene=r,this._controller=o}generateMedia(e){const{position:r,target:o,resolution:l}=e,{width:s,height:i}=l,a=this._controller.object.position.clone(),_=this._controller.object.quaternion.clone();this._renderer.onResize(s,i),"onResize"in this._controller.object&&this._controller.object.onResize(s,i),this._controller.object.position.copy(r),this._controller.target.copy(o),this._controller.update();const d=this.drawCanvas().toDataURL();return this._controller.object.position.copy(a),this._controller.object.quaternion.copy(_),d}drawCanvas(e){const r=this._renderer.webglrenderer.domElement;e&&(this._renderer.webglrenderer.domElement=e),this._controller.object.layers.mask=c.DIVEPerspectiveCamera.LIVE_VIEW_LAYER_MASK,this._renderer.webglrenderer.render(this._scene,this._controller.object),this._controller.object.layers.mask=c.DIVEPerspectiveCamera.EDITOR_VIEW_LAYER_MASK;const o=this._renderer.webglrenderer.domElement;return e&&(this._renderer.webglrenderer.domElement=r),o}}exports.MediaCreator=p;

package/build/plugins/mediacreator/index.d.ts

@@ -1,2 +1,2 @@
-export * from '../../src/plugins/mediacreator/index'
-export {}
+export { MediaCreator } from './src/MediaCreator.ts';
+export * from './types/index.ts';

package/build/plugins/mediacreator/index.mjs

@@ -1,8 +1,8 @@
-var h = Object.defineProperty;
-var b = (t, e, r) => e in t ? h(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
+var d = Object.defineProperty;
+var b = (t, e, r) => e in t ? d(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r;
 var n = (t, e, r) => b(t, typeof e != "symbol" ? e + "" : e, r);
-import { D as c } from "../../chunks/PerspectiveCamera-PMJPzAn3.mjs";
-class g {
+import { D as c } from "../../chunks/PerspectiveCamera-8tnOn5YS.mjs";
+class j {
   constructor(e, r, o) {
     n(this, "_renderer");
     n(this, "_scene");
@@ -11,9 +11,9 @@ class g {
   }
   generateMedia(e) {
     const { position: r, target: o, resolution: l } = e, { width: s, height: i } = l, _ = this._controller.object.position.clone(), a = this._controller.object.quaternion.clone();
-    this._renderer.onResize(s, i), this._controller.object.onResize(s, i), this._controller.object.position.copy(r), this._controller.target.copy(o), this._controller.update();
-    const d = this.drawCanvas().toDataURL();
-    return this._controller.object.position.copy(_), this._controller.object.quaternion.copy(a), d;
+    this._renderer.onResize(s, i), "onResize" in this._controller.object && this._controller.object.onResize(s, i), this._controller.object.position.copy(r), this._controller.target.copy(o), this._controller.update();
+    const h = this.drawCanvas().toDataURL();
+    return this._controller.object.position.copy(_), this._controller.object.quaternion.copy(a), h;
   }
   drawCanvas(e) {
     const r = this._renderer.webglrenderer.domElement;
@@ -26,5 +26,5 @@ class g {
   }
 }
 export {
-  g as MediaCreator
+  j as MediaCreator
 };

package/build/{src/plugins → plugins}/mediacreator/src/MediaCreator.d.ts

@@ -1,5 +1,5 @@
 import { DIVEScene } from '../../../engine/scene/Scene.ts';
-import { DIVERenderPipeline } from '../../../engine/renderer/Renderer.ts';
+import { DIVERenderer } from '../../../engine/renderer/Renderer.ts';
 import { OrbitController } from '../../orbitcontroller/index.ts';
 import { MediaGenerationByPosition } from '../types/index.ts';
 /**
@@ -9,7 +9,7 @@ export declare class MediaCreator {
     private _renderer;
     private _scene;
     private _controller;
-    constructor(renderer: DIVERenderPipeline, scene: DIVEScene, controller: OrbitController);
+    constructor(renderer: DIVERenderer, scene: DIVEScene, controller: OrbitController);
     generateMedia(options: MediaGenerationByPosition): string;
     drawCanvas(canvasElement?: HTMLCanvasElement): HTMLCanvasElement;
 }