@luma.gl/engine 8.6.0-alpha.1 → 8.6.0-alpha.5

package/LICENSE

@@ -1,9 +1,16 @@
+Copyright (c) 2020 Urban Computing Foundation
+
+This software includes parts initially developed by Uber and open sourced under MIT license.
 Copyright (c) 2015 Uber Technologies, Inc.
 
 This software includes parts of PhiloGL (https://github.com/philogb/philogl)
 under MIT license. PhiloGL parts Copyright © 2013 Sencha Labs.
 
-This software includes adaptations of postprocessing code from THREE.js (https://github.com/mrdoob/three.js/) under MIT license. Additional attribution given in specific source files. THREE.js parts Copyright © 2010-2018 three.js authors.
+This software includes adaptations of some postprocessing code from 
+THREE.js (https://github.com/mrdoob/three.js/) under MIT license. 
+THREE.js parts Copyright © 2010-2018 three.js authors. 
+
+Additional attribution given in specific source files. 
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/index.d.ts

@@ -1,15 +1,25 @@
+export type { AnimationLoopProps, AnimationProps } from './lib/animation-loop';
 export { default as AnimationLoop } from './lib/animation-loop';
+export { RenderLoop } from './lib/render-loop';
+export type { ModelProps } from './lib/model';
 export { default as Model } from './lib/model';
 export { default as ProgramManager } from './lib/program-manager';
 export { default as Transform } from './transform/transform';
 export { default as Geometry } from './geometry/geometry';
-export { ConeGeometry, ConeGeometryProps } from './geometries/cone-geometry';
-export { CubeGeometry, CubeGeometryProps } from './geometries/cube-geometry';
-export { CylinderGeometry, CylinderGeometryProps } from './geometries/cylinder-geometry';
-export { IcoSphereGeometry, IcoSphereGeometryProps } from './geometries/ico-sphere-geometry';
-export { PlaneGeometry, PlaneGeometryProps } from './geometries/plane-geometry';
-export { SphereGeometry, SphereGeometryProps } from './geometries/sphere-geometry';
-export { TruncatedConeGeometry, TruncatedConeGeometryProps } from './geometries/truncated-cone-geometry';
+export type { ConeGeometryProps } from './geometries/cone-geometry';
+export { ConeGeometry } from './geometries/cone-geometry';
+export type { CubeGeometryProps } from './geometries/cube-geometry';
+export { CubeGeometry } from './geometries/cube-geometry';
+export type { CylinderGeometryProps } from './geometries/cylinder-geometry';
+export { CylinderGeometry } from './geometries/cylinder-geometry';
+export type { IcoSphereGeometryProps } from './geometries/ico-sphere-geometry';
+export { IcoSphereGeometry } from './geometries/ico-sphere-geometry';
+export type { PlaneGeometryProps } from './geometries/plane-geometry';
+export { PlaneGeometry } from './geometries/plane-geometry';
+export type { SphereGeometryProps } from './geometries/sphere-geometry';
+export { SphereGeometry } from './geometries/sphere-geometry';
+export type { TruncatedConeGeometryProps } from './geometries/truncated-cone-geometry';
+export { TruncatedConeGeometry } from './geometries/truncated-cone-geometry';
 export { Timeline } from './animation/timeline';
 export { KeyFrames } from './animation/key-frames';
 export { default as ClipSpace } from './utils/clip-space';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAG3D,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAGxD,OAAO,EAAC,YAAY,EAAE,iBAAiB,EAAC,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAC,YAAY,EAAE,iBAAiB,EAAC,MAAM,4BAA4B,CAAC;AAC3E,OAAO,EAAC,gBAAgB,EAAE,qBAAqB,EAAC,MAAM,gCAAgC,CAAC;AACvF,OAAO,EACL,iBAAiB,EACjB,sBAAsB,EACvB,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,aAAa,EAAE,kBAAkB,EAAC,MAAM,6BAA6B,CAAC;AAC9E,OAAO,EAAC,cAAc,EAAE,mBAAmB,EAAC,MAAM,8BAA8B,CAAC;AACjF,OAAO,EACL,qBAAqB,EACrB,0BAA0B,EAC3B,MAAM,sCAAsC,CAAC;AAG9C,OAAO,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAC;AAGjD,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,YAAY,EAAC,kBAAkB,EAAE,cAAc,EAAC,MAAM,sBAAsB,CAAC;AAC7E,OAAO,EAAC,OAAO,IAAI,aAAa,EAAC,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAC,UAAU,EAAC,MAAM,mBAAmB,CAAC;AAE7C,YAAY,EAAC,UAAU,EAAC,MAAM,aAAa,CAAC;AAC5C,OAAO,EAAC,OAAO,IAAI,KAAK,EAAC,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,uBAAuB,CAAC;AAG3D,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,MAAM,qBAAqB,CAAC;AAGxD,YAAY,EAAC,iBAAiB,EAAC,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAC,YAAY,EAAC,MAAM,4BAA4B,CAAC;AACxD,YAAY,EAAC,iBAAiB,EAAC,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAC,YAAY,EAAC,MAAM,4BAA4B,CAAC;AACxD,YAAY,EAAC,qBAAqB,EAAC,MAAM,gCAAgC,CAAC;AAC1E,OAAO,EAAC,gBAAgB,EAAC,MAAM,gCAAgC,CAAC;AAChE,YAAY,EAAC,sBAAsB,EAAC,MAAM,kCAAkC,CAAC;AAC7E,OAAO,EAAC,iBAAiB,EAAC,MAAM,kCAAkC,CAAC;AACnE,YAAY,EAAC,kBAAkB,EAAC,MAAM,6BAA6B,CAAC;AACpE,OAAO,EAAC,aAAa,EAAC,MAAM,6BAA6B,CAAC;AAC1D,YAAY,EAAC,mBAAmB,EAAC,MAAM,8BAA8B,CAAC;AACtE,OAAO,EAAC,cAAc,EAAC,MAAM,8BAA8B,CAAC;AAC5D,YAAY,EAAC,0BAA0B,EAAC,MAAM,sCAAsC,CAAC;AACrF,OAAO,EAAC,qBAAqB,EAAC,MAAM,sCAAsC,CAAC;AAG3E,OAAO,EAAC,QAAQ,EAAC,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAC,SAAS,EAAC,MAAM,wBAAwB,CAAC;AAGjD,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,MAAM,oBAAoB,CAAC"}

package/dist/index.js

@@ -1,15 +1,16 @@
 export { default as AnimationLoop } from './lib/animation-loop';
+export { RenderLoop } from './lib/render-loop';
 export { default as Model } from './lib/model';
 export { default as ProgramManager } from './lib/program-manager';
 export { default as Transform } from './transform/transform';
 export { default as Geometry } from './geometry/geometry';
-export { ConeGeometry, ConeGeometryProps } from './geometries/cone-geometry';
-export { CubeGeometry, CubeGeometryProps } from './geometries/cube-geometry';
-export { CylinderGeometry, CylinderGeometryProps } from './geometries/cylinder-geometry';
-export { IcoSphereGeometry, IcoSphereGeometryProps } from './geometries/ico-sphere-geometry';
-export { PlaneGeometry, PlaneGeometryProps } from './geometries/plane-geometry';
-export { SphereGeometry, SphereGeometryProps } from './geometries/sphere-geometry';
-export { TruncatedConeGeometry, TruncatedConeGeometryProps } from './geometries/truncated-cone-geometry';
+export { ConeGeometry } from './geometries/cone-geometry';
+export { CubeGeometry } from './geometries/cube-geometry';
+export { CylinderGeometry } from './geometries/cylinder-geometry';
+export { IcoSphereGeometry } from './geometries/ico-sphere-geometry';
+export { PlaneGeometry } from './geometries/plane-geometry';
+export { SphereGeometry } from './geometries/sphere-geometry';
+export { TruncatedConeGeometry } from './geometries/truncated-cone-geometry';
 export { Timeline } from './animation/timeline';
 export { KeyFrames } from './animation/key-frames';
 export { default as ClipSpace } from './utils/clip-space';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts"],"names":["default","AnimationLoop","Model","ProgramManager","Transform","Geometry","ConeGeometry","ConeGeometryProps","CubeGeometry","CubeGeometryProps","CylinderGeometry","CylinderGeometryProps","IcoSphereGeometry","IcoSphereGeometryProps","PlaneGeometry","PlaneGeometryProps","SphereGeometry","SphereGeometryProps","TruncatedConeGeometry","TruncatedConeGeometryProps","Timeline","KeyFrames","ClipSpace"],"mappings":"AACA,SAAQA,OAAO,IAAIC,aAAnB,QAAuC,sBAAvC;AACA,SAAQD,OAAO,IAAIE,KAAnB,QAA+B,aAA/B;AACA,SAAQF,OAAO,IAAIG,cAAnB,QAAwC,uBAAxC;AACA,SAAQH,OAAO,IAAII,SAAnB,QAAmC,uBAAnC;AAGA,SAAQJ,OAAO,IAAIK,QAAnB,QAAkC,qBAAlC;AAGA,SAAQC,YAAR,EAAsBC,iBAAtB,QAA8C,4BAA9C;AACA,SAAQC,YAAR,EAAsBC,iBAAtB,QAA8C,4BAA9C;AACA,SAAQC,gBAAR,EAA0BC,qBAA1B,QAAsD,gCAAtD;AACA,SACEC,iBADF,EAEEC,sBAFF,QAGO,kCAHP;AAIA,SAAQC,aAAR,EAAuBC,kBAAvB,QAAgD,6BAAhD;AACA,SAAQC,cAAR,EAAwBC,mBAAxB,QAAkD,8BAAlD;AACA,SACEC,qBADF,EAEEC,0BAFF,QAGO,sCAHP;AAMA,SAAQC,QAAR,QAAuB,sBAAvB;AACA,SAAQC,SAAR,QAAwB,wBAAxB;AAGA,SAAQrB,OAAO,IAAIsB,SAAnB,QAAmC,oBAAnC","sourcesContent":["// CORE\nexport {default as AnimationLoop} from './lib/animation-loop';\nexport {default as Model} from './lib/model';\nexport {default as ProgramManager} from './lib/program-manager';\nexport {default as Transform} from './transform/transform';\n\n// Geometries\nexport {default as Geometry} from './geometry/geometry';\n\n// Primitives\nexport {ConeGeometry, ConeGeometryProps} from './geometries/cone-geometry';\nexport {CubeGeometry, CubeGeometryProps} from './geometries/cube-geometry';\nexport {CylinderGeometry, CylinderGeometryProps} from './geometries/cylinder-geometry';\nexport {\n  IcoSphereGeometry,\n  IcoSphereGeometryProps\n} from './geometries/ico-sphere-geometry';\nexport {PlaneGeometry, PlaneGeometryProps} from './geometries/plane-geometry';\nexport {SphereGeometry, SphereGeometryProps} from './geometries/sphere-geometry';\nexport {\n  TruncatedConeGeometry,\n  TruncatedConeGeometryProps\n} from './geometries/truncated-cone-geometry';\n\n// Animation\nexport {Timeline} from './animation/timeline';\nexport {KeyFrames} from './animation/key-frames';\n\n// Utils\nexport {default as ClipSpace} from './utils/clip-space';\n"],"file":"index.js"}
+{"version":3,"sources":["../src/index.ts"],"names":["default","AnimationLoop","RenderLoop","Model","ProgramManager","Transform","Geometry","ConeGeometry","CubeGeometry","CylinderGeometry","IcoSphereGeometry","PlaneGeometry","SphereGeometry","TruncatedConeGeometry","Timeline","KeyFrames","ClipSpace"],"mappings":"AAEA,SAAQA,OAAO,IAAIC,aAAnB,QAAuC,sBAAvC;AACA,SAAQC,UAAR,QAAyB,mBAAzB;AAGA,SAAQF,OAAO,IAAIG,KAAnB,QAA+B,aAA/B;AACA,SAAQH,OAAO,IAAII,cAAnB,QAAwC,uBAAxC;AACA,SAAQJ,OAAO,IAAIK,SAAnB,QAAmC,uBAAnC;AAGA,SAAQL,OAAO,IAAIM,QAAnB,QAAkC,qBAAlC;AAIA,SAAQC,YAAR,QAA2B,4BAA3B;AAEA,SAAQC,YAAR,QAA2B,4BAA3B;AAEA,SAAQC,gBAAR,QAA+B,gCAA/B;AAEA,SAAQC,iBAAR,QAAgC,kCAAhC;AAEA,SAAQC,aAAR,QAA4B,6BAA5B;AAEA,SAAQC,cAAR,QAA6B,8BAA7B;AAEA,SAAQC,qBAAR,QAAoC,sCAApC;AAGA,SAAQC,QAAR,QAAuB,sBAAvB;AACA,SAAQC,SAAR,QAAwB,wBAAxB;AAGA,SAAQf,OAAO,IAAIgB,SAAnB,QAAmC,oBAAnC","sourcesContent":["// CORE\nexport type {AnimationLoopProps, AnimationProps} from './lib/animation-loop';\nexport {default as AnimationLoop} from './lib/animation-loop';\nexport {RenderLoop} from './lib/render-loop';\n\nexport type {ModelProps} from './lib/model';\nexport {default as Model} from './lib/model';\nexport {default as ProgramManager} from './lib/program-manager';\nexport {default as Transform} from './transform/transform';\n\n// Geometries\nexport {default as Geometry} from './geometry/geometry';\n\n// Primitives\nexport type {ConeGeometryProps} from './geometries/cone-geometry';\nexport {ConeGeometry} from './geometries/cone-geometry';\nexport type {CubeGeometryProps} from './geometries/cube-geometry';\nexport {CubeGeometry} from './geometries/cube-geometry';\nexport type {CylinderGeometryProps} from './geometries/cylinder-geometry';\nexport {CylinderGeometry} from './geometries/cylinder-geometry';\nexport type {IcoSphereGeometryProps} from './geometries/ico-sphere-geometry';\nexport {IcoSphereGeometry} from './geometries/ico-sphere-geometry';\nexport type {PlaneGeometryProps} from './geometries/plane-geometry';\nexport {PlaneGeometry} from './geometries/plane-geometry';\nexport type {SphereGeometryProps} from './geometries/sphere-geometry';\nexport {SphereGeometry} from './geometries/sphere-geometry';\nexport type {TruncatedConeGeometryProps} from './geometries/truncated-cone-geometry';\nexport {TruncatedConeGeometry} from './geometries/truncated-cone-geometry';\n\n// Animation\nexport {Timeline} from './animation/timeline';\nexport {KeyFrames} from './animation/key-frames';\n\n// Utils\nexport {default as ClipSpace} from './utils/clip-space';\n"],"file":"index.js"}

package/dist/lib/animation-loop.d.ts

@@ -1,31 +1,36 @@
 /// <reference types="offscreencanvas" />
+import { Device } from '@luma.gl/api';
+import type { WebGLDeviceProps } from '@luma.gl/webgl';
 import { Query, Framebuffer } from '@luma.gl/webgl';
-import { Stats } from 'probe.gl';
+import { Stats, Stat } from '@probe.gl/stats';
 import { Timeline } from '../animation/timeline';
-import type { GLContextOptions } from '@luma.gl/gltools';
+declare type DeviceProps = WebGLDeviceProps;
+declare type ContextProps = WebGLDeviceProps;
 /** AnimationLoop properties */
 export declare type AnimationLoopProps = {
-    onCreateContext?: (opts: GLContextOptions) => WebGLRenderingContext;
+    onCreateDevice?: (props: DeviceProps) => Device;
+    onCreateContext?: (props: ContextProps) => WebGLRenderingContext;
     onAddHTML?: (div: HTMLDivElement) => string;
-    onInitialize?: ((animationProps: AnimationProps) => {}) | ((animationProps: AnimationProps) => {});
+    onInitialize?: (animationProps: AnimationProps) => {} | void;
     onRender?: (animationProps: AnimationProps) => void;
     onFinalize?: (animationProps: AnimationProps) => void;
     onError?: (reason: any) => void;
     stats?: Stats;
-    gl?: WebGLRenderingContext;
-    glOptions?: GLContextOptions;
+    device?: Device;
+    glOptions?: ContextProps;
     debug?: boolean;
     autoResizeViewport?: boolean;
     autoResizeDrawingBuffer?: boolean;
     useDevicePixels?: number | boolean;
-    /** @deprecated */
+    /** @deprecated Use .device */
+    gl?: WebGLRenderingContext;
+    /** @deprecated Will be removed */
     createFramebuffer?: boolean;
 };
 export declare type AnimationProps = {
-    gl: WebGLRenderingContext;
+    device: Device;
     stop: () => AnimationLoop;
     canvas: HTMLCanvasElement | OffscreenCanvas;
-    framebuffer: Framebuffer;
     useDevicePixels: number | boolean;
     needsRedraw?: string;
     startTime: number;
@@ -36,24 +41,32 @@ export declare type AnimationProps = {
     width: number;
     height: number;
     aspect: number;
+    timeline: Timeline;
+    animationLoop: AnimationLoop;
+    _mousePosition?: [number, number];
+    /** @deprecated Will be removed, create your own Framebuffer */
+    framebuffer: Framebuffer;
+    /** @deprecated Use .device */
+    gl: WebGLRenderingContext;
+    /** @deprecated Use .timeline */
     _timeline: Timeline;
+    /** @deprecated Use .animationLoop */
     _loop: AnimationLoop;
+    /** @deprecated Use .animationLoop */
     _animationLoop: AnimationLoop;
-    _mousePosition?: [number, number];
-    _offScreen: boolean;
 };
+/** Convenient animation loop */
 export default class AnimationLoop {
-    animationProps: AnimationProps;
-    props: Required<AnimationLoopProps>;
-    gl: WebGLRenderingContext;
+    device: Device;
     canvas: HTMLCanvasElement | OffscreenCanvas;
+    props: Required<AnimationLoopProps>;
+    animationProps: AnimationProps;
     framebuffer: Framebuffer;
     timeline: Timeline;
     stats: Stats;
-    cpuTime: Stats;
-    gpuTime: Stats;
-    frameRate: Stats;
-    offScreen: boolean;
+    cpuTime: Stat;
+    gpuTime: Stat;
+    frameRate: Stat;
     display: any;
     needsRedraw: string | null;
     _initialized: boolean;
@@ -64,7 +77,11 @@ export default class AnimationLoop {
     _resolveNextFrame: ((AnimationLoop: any) => void) | null;
     _cpuStartTime: number;
     _gpuTimeQuery: Query | null;
+    /** @deprecated */
+    gl: WebGLRenderingContext;
     constructor(props?: AnimationLoopProps);
+    destroy(): void;
+    /** @deprecated Use .destroy() */
     delete(): void;
     setNeedsRedraw(reason: string): this;
     setProps(props: AnimationLoopProps): this;
@@ -81,40 +98,52 @@ export default class AnimationLoop {
     waitForRender(): Promise<AnimationLoop>;
     toDataURL(): Promise<string>;
     isContextLost(): boolean;
-    onCreateContext(...args: any[]): WebGLRenderingContext;
-    onInitialize(...args: any[]): {};
-    onRender(...args: any[]): void;
-    onFinalize(...args: any[]): void;
+    onCreateDevice(deviceProps: DeviceProps): Device;
+    onInitialize(animationProps: AnimationProps): {} | void;
+    onRender(animationProps: AnimationProps): void;
+    onFinalize(animationProps: AnimationProps): void;
+    /** @deprecated Use .onCreateDevice() */
+    onCreateContext(props: ContextProps): WebGLRenderingContext;
+    /** @deprecated */
     getHTMLControlValue(id: any, defaultValue?: number): number;
-    setViewParameters(): this;
-    _initialize(opts: any): void;
+    _initialize(props: AnimationLoopProps): void;
     _getPageLoadPromise(): Promise<{}>;
     _setDisplay(display: any): void;
     _requestAnimationFrame(): void;
     _cancelAnimationFrame(): void;
     _animationFrame(): void;
-    _renderFrame(...args: any[]): void;
+    _renderFrame(props: AnimationProps): void;
     _clearNeedsRedraw(): void;
     _setupFrame(): void;
     _initializeCallbackData(): void;
     _updateCallbackData(): void;
     _finalizeCallbackData(): void;
+    /** Add application's data to the app context object */
     _addCallbackData(appContext: any): void;
-    _createWebGLContext(opts: any): void;
+    /** Either uses supplied or existing context, or calls provided callback to create one */
+    _createDevice(props: DeviceProps): void;
     _createInfoDiv(): void;
     _getSizeAndAspect(): {
         width: number;
         height: number;
         aspect: number;
     };
+    /** Default viewport setup */
     _resizeViewport(): void;
+    /**
+     * Resize the render buffer of the canvas to match canvas client size
+     * Optionally multiplying with devicePixel ratio
+     */
     _resizeCanvasDrawingBuffer(): void;
-    _createFramebuffer(): void;
-    _resizeFramebuffer(): void;
     _beginTimers(): void;
     _endTimers(): void;
     _startEventHandling(): void;
     _onMousemove(e: any): void;
     _onMouseleave(e: any): void;
+    /** @deprecated */
+    _createFramebuffer(): void;
+    /** @deprecated */
+    _resizeFramebuffer(): void;
 }
+export {};
 //# sourceMappingURL=animation-loop.d.ts.map

package/dist/lib/animation-loop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animation-loop.d.ts","sourceRoot":"","sources":["../../src/lib/animation-loop.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"animation-loop.d.ts","sourceRoot":"","sources":["../../src/lib/animation-loop.ts"],"names":[],"mappings":"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"}

package/dist/lib/animation-loop.js

@@ -1,34 +1,38 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import { isWebGL, createGLContext, instrumentGLContext, resizeGLContext, resetParameters } from '@luma.gl/gltools';
-import { requestAnimationFrame, cancelAnimationFrame, Query, lumaStats, Framebuffer, log } from '@luma.gl/webgl';
-import { isBrowser } from 'probe.gl/env';
+import { luma } from '@luma.gl/api';
+import { lumaStats, log } from '@luma.gl/api';
+import { isWebGL, resetParameters } from '@luma.gl/webgl';
+import { requestAnimationFrame, cancelAnimationFrame, Query, Framebuffer } from '@luma.gl/webgl';
+import { isBrowser } from '@probe.gl/env';
 const isPage = isBrowser() && typeof document !== 'undefined';
 let statIdCounter = 0;
 const DEFAULT_ANIMATION_LOOP_PROPS = {
-  onCreateContext: opts => createGLContext(opts),
+  onCreateDevice: props => luma.createDevice(props),
+  onCreateContext: null,
   onAddHTML: null,
   onInitialize: () => ({}),
   onRender: () => {},
   onFinalize: () => {},
   onError: error => console.error(error),
-  gl: null,
-  glOptions: {},
+  device: null,
   debug: false,
-  createFramebuffer: false,
   useDevicePixels: true,
   autoResizeViewport: true,
   autoResizeDrawingBuffer: true,
-  stats: lumaStats.get("animation-loop-".concat(statIdCounter++))
+  stats: lumaStats.get("animation-loop-".concat(statIdCounter++)),
+  gl: null,
+  glOptions: {},
+  createFramebuffer: false
 };
 export default class AnimationLoop {
   constructor(props = {}) {
-    _defineProperty(this, "animationProps", void 0);
+    _defineProperty(this, "device", void 0);
 
-    _defineProperty(this, "props", void 0);
+    _defineProperty(this, "canvas", void 0);
 
-    _defineProperty(this, "gl", void 0);
+    _defineProperty(this, "props", void 0);
 
-    _defineProperty(this, "canvas", void 0);
+    _defineProperty(this, "animationProps", void 0);
 
     _defineProperty(this, "framebuffer", null);
 
@@ -42,8 +46,6 @@ export default class AnimationLoop {
 
     _defineProperty(this, "frameRate", void 0);
 
-    _defineProperty(this, "offScreen", void 0);
-
     _defineProperty(this, "display", void 0);
 
     _defineProperty(this, "needsRedraw", 'initialized');
@@ -64,6 +66,8 @@ export default class AnimationLoop {
 
     _defineProperty(this, "_gpuTimeQuery", null);
 
+    _defineProperty(this, "gl", void 0);
+
     this.props = { ...DEFAULT_ANIMATION_LOOP_PROPS,
       ...props
     };
@@ -77,7 +81,8 @@ export default class AnimationLoop {
       useDevicePixels = props.useDevicePixelRatio;
     }
 
-    this.gl = props.gl;
+    this.device = props.device;
+    this.gl = this.device && this.device.gl || props.gl;
     this.stats = props.stats;
     this.cpuTime = this.stats.get('CPU Time');
     this.gpuTime = this.stats.get('GPU Time');
@@ -93,12 +98,16 @@ export default class AnimationLoop {
     this._onMouseleave = this._onMouseleave.bind(this);
   }
 
-  delete() {
+  destroy() {
     this.stop();
 
     this._setDisplay(null);
   }
 
+  delete() {
+    this.destroy();
+  }
+
   setNeedsRedraw(reason) {
     this.needsRedraw = this.needsRedraw || reason;
     return this;
@@ -184,10 +193,6 @@ export default class AnimationLoop {
 
     this._clearNeedsRedraw();
 
-    if (this.offScreen && this.gl.commit) {
-      this.gl.commit();
-    }
-
     if (this._resolveNextFrame) {
       this._resolveNextFrame(this);
 
@@ -245,20 +250,24 @@ export default class AnimationLoop {
     return this.gl.isContextLost();
   }
 
-  onCreateContext(...args) {
-    return this.props.onCreateContext(...args);
+  onCreateDevice(deviceProps) {
+    return this.props.onCreateDevice(deviceProps);
+  }
+
+  onInitialize(animationProps) {
+    return this.props.onInitialize(animationProps);
   }
 
-  onInitialize(...args) {
-    return this.props.onInitialize(...args);
+  onRender(animationProps) {
+    return this.props.onRender(animationProps);
   }
 
-  onRender(...args) {
-    return this.props.onRender(...args);
+  onFinalize(animationProps) {
+    return this.props.onFinalize(animationProps);
   }
 
-  onFinalize(...args) {
-    return this.props.onFinalize(...args);
+  onCreateContext(props) {
+    return this.props.onCreateContext(props);
   }
 
   getHTMLControlValue(id, defaultValue = 1) {
@@ -266,13 +275,8 @@ export default class AnimationLoop {
     return element ? Number(element.value) : defaultValue;
   }
 
-  setViewParameters() {
-    log.removed('AnimationLoop.setViewParameters', 'AnimationLoop.setProps')();
-    return this;
-  }
-
-  _initialize(opts) {
-    this._createWebGLContext(opts);
+  _initialize(props) {
+    this._createDevice(props);
 
     this._createFramebuffer();
 
@@ -346,14 +350,14 @@ export default class AnimationLoop {
     this._requestAnimationFrame();
   }
 
-  _renderFrame(...args) {
+  _renderFrame(props) {
     if (this.display) {
-      this.display._renderFrame(...args);
+      this.display._renderFrame(props);
 
       return;
     }
 
-    this.onRender(...args);
+    this.onRender(props);
   }
 
   _clearNeedsRedraw() {
@@ -370,21 +374,24 @@ export default class AnimationLoop {
 
   _initializeCallbackData() {
     this.animationProps = {
+      device: this.device,
       gl: this.gl,
       stop: this.stop,
       canvas: this.gl.canvas,
-      framebuffer: this.framebuffer,
       useDevicePixels: this.props.useDevicePixels,
       needsRedraw: null,
       startTime: Date.now(),
       engineTime: 0,
       tick: 0,
       tock: 0,
+      timeline: this.timeline,
+      animationLoop: this,
       time: 0,
+      _mousePosition: null,
+      framebuffer: this.framebuffer,
       _timeline: this.timeline,
       _loop: this,
-      _animationLoop: this,
-      _mousePosition: null
+      _animationLoop: this
     };
   }
 
@@ -416,7 +423,6 @@ export default class AnimationLoop {
     this.animationProps.tick = Math.floor(this.animationProps.time / 1000 * 60);
     this.animationProps.tock++;
     this.animationProps.time = this.timeline ? this.timeline.getTime() : this.animationProps.engineTime;
-    this.animationProps._offScreen = this.offScreen;
   }
 
   _finalizeCallbackData() {
@@ -429,10 +435,13 @@ export default class AnimationLoop {
     }
   }
 
-  _createWebGLContext(opts) {
-    this.offScreen = opts.canvas && typeof OffscreenCanvas !== 'undefined' && opts.canvas instanceof OffscreenCanvas;
-    opts = Object.assign({}, opts, this.props.glOptions);
-    this.gl = this.props.gl ? instrumentGLContext(this.props.gl, opts) : this.onCreateContext(opts);
+  _createDevice(props) {
+    const deviceProps = { ...this.props,
+      ...props,
+      ...this.props.glOptions
+    };
+    this.device = this.onCreateDevice(deviceProps);
+    this.gl = this.device.gl;
 
     if (!isWebGL(this.gl)) {
       throw new Error('AnimationLoop.onCreateContext - illegal context returned');
@@ -493,27 +502,12 @@ export default class AnimationLoop {
 
   _resizeCanvasDrawingBuffer() {
     if (this.props.autoResizeDrawingBuffer) {
-      resizeGLContext(this.gl, {
+      this.device.resize({
         useDevicePixels: this.props.useDevicePixels
       });
     }
   }
 
-  _createFramebuffer() {
-    if (this.props.createFramebuffer) {
-      this.framebuffer = new Framebuffer(this.gl);
-    }
-  }
-
-  _resizeFramebuffer() {
-    if (this.framebuffer) {
-      this.framebuffer.resize({
-        width: this.gl.drawingBufferWidth,
-        height: this.gl.drawingBufferHeight
-      });
-    }
-  }
-
   _beginTimers() {
     this.frameRate.timeEnd();
     this.frameRate.timeStart();
@@ -556,5 +550,20 @@ export default class AnimationLoop {
     this.animationProps._mousePosition = null;
   }
 
+  _createFramebuffer() {
+    if (this.props.createFramebuffer) {
+      this.framebuffer = new Framebuffer(this.gl);
+    }
+  }
+
+  _resizeFramebuffer() {
+    if (this.framebuffer) {
+      this.framebuffer.resize({
+        width: this.gl.drawingBufferWidth,
+        height: this.gl.drawingBufferHeight
+      });
+    }
+  }
+
 }
 //# sourceMappingURL=animation-loop.js.map