npm - @luma.gl/engine - Versions diffs - 9.0.0-alpha.10 → 9.0.0-alpha.11 - Mend

@luma.gl/engine 9.0.0-alpha.10 → 9.0.0-alpha.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (11) hide show

package/dist/lib/animation-loop.d.ts +3 -4
package/dist/lib/animation-loop.d.ts.map +1 -1
package/dist/lib/animation-loop.js +6 -5
package/dist/lib/animation-loop.js.map +1 -1
package/dist/lib/render-loop.d.ts +5 -0
package/dist/lib/render-loop.d.ts.map +1 -1
package/dist/lib/render-loop.js +33 -29
package/dist/lib/render-loop.js.map +1 -1
package/package.json +5 -5
package/src/lib/animation-loop.ts +8 -8
package/src/lib/render-loop.ts +38 -36

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

@@ -7,14 +7,13 @@ import { Stats, Stat } from '@probe.gl/stats';
 export declare type AnimationLoopProps = {
     onCreateDevice?: (props: DeviceProps) => Promise<Device>;
     onAddHTML?: (div: HTMLDivElement) => string;
-    onInitialize?: (animationProps: AnimationProps) => void;
-    onRender?: (animationProps: AnimationProps) => void;
+    onInitialize?: (animationProps: AnimationProps) => Promise<unknown>;
+    onRender?: (animationProps: AnimationProps) => unknown;
     onFinalize?: (animationProps: AnimationProps) => void;
     onError?: (reason: Error) => void;
     device?: Device | null;
     deviceProps?: DeviceProps;
     stats?: Stats;
-    debug?: boolean;
     autoResizeViewport?: boolean;
     autoResizeDrawingBuffer?: boolean;
     useDevicePixels?: number | boolean;
@@ -58,7 +57,7 @@ export declare class AnimationLoop {
     _requestAnimationFrame(): void;
     _cancelAnimationFrame(): void;
     _animationFrame(): void;
-    _renderFrame(props: AnimationProps): void;
+    _renderFrame(animationProps: AnimationProps): void;
     _clearNeedsRedraw(): void;
     _setupFrame(): void;
     _initializeAnimationProps(): void;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"animation-loop.d.ts","sourceRoot":"","sources":["../../src/lib/animation-loop.ts"],"names":[],"mappings":";~~AAAA~~,OAAO,EAAO,MAAM,EAAE,WAAW,EAAC,MAAM,cAAc,CAAC;AAEvD,OAAO,EAAC,QAAQ,EAAC,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAC,cAAc,EAAC,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAC,KAAK,EAAE,IAAI,EAAC,MAAM,iBAAiB,CAAC;AAS5C,+BAA+B;AAC/B,oBAAY,kBAAkB,GAAG;IAC/B,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACzD,SAAS,CAAC,EAAE,CAAC,GAAG,EAAE,cAAc,KAAK,MAAM,CAAC;IAC5C,YAAY,CAAC,EAAE,CAAC,cAAc,EAAE,cAAc,KAAK,~~IAAI~~,CAAC;~~IACxD~~,QAAQ,CAAC,EAAE,CAAC,cAAc,EAAE,cAAc,KAAK,~~IAAI~~,CAAC;~~IACpD~~,UAAU,CAAC,EAAE,CAAC,cAAc,EAAE,cAAc,KAAK,IAAI,CAAC;IACtD,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,KAAK,IAAI,CAAC;IAElC,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC;IAGd,~~KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,~~kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,eAAe,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CACpC,CAAC;~~AAqBF~~,gCAAgC;AAChC,qBAAa,aAAa;IACxB,MAAM,EAAE,MAAM,GAAG,IAAI,CAAQ;IAC7B,MAAM,EAAE,iBAAiB,GAAG,eAAe,GAAG,IAAI,CAAQ;IAE1D,KAAK,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAAC;IACpC,cAAc,EAAE,cAAc,GAAG,IAAI,CAAQ;IAC7C,QAAQ,EAAE,QAAQ,GAAG,IAAI,CAAQ;IACjC,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,EAAE,IAAI,CAAC;IACd,OAAO,EAAE,IAAI,CAAC;IACd,SAAS,EAAE,IAAI,CAAC;IAEhB,OAAO,EAAE,GAAG,CAAC;IAEb,WAAW,EAAE,MAAM,GAAG,KAAK,CAAiB;IAE5C,YAAY,EAAE,OAAO,CAAS;IAC9B,QAAQ,EAAE,OAAO,CAAS;IAC1B,iBAAiB,EAAE,GAAG,CAAQ;IAC9B,iBAAiB,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,IAAI,CAAQ;IACxD,iBAAiB,EAAE,CAAC,CAAC,aAAa,KAAA,KAAK,IAAI,CAAC,GAAG,IAAI,CAAQ;IAC3D,aAAa,EAAE,MAAM,CAAK;gBAOd,KAAK,GAAE,kBAAuB;IA8B1C,OAAO,IAAI,IAAI;IAKf,iCAAiC;IACjC,MAAM,IAAI,IAAI;IAId,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAMpC,QAAQ,CAAC,KAAK,EAAE,kBAAkB,GAAG,IAAI;IAazC,kDAAkD;IAC5C,KAAK;IA4CX,8BAA8B;IAC9B,MAAM,IAAI,IAAI;IA2Bd,IAAI;IAiBJ,cAAc,CAAC,QAAQ,EAAE,QAAQ,GAAG,QAAQ;IAK5C,cAAc,IAAI,IAAI;IAItB,aAAa,IAAI,OAAO,CAAC,aAAa,CAAC;IAWjC,SAAS,IAAI,OAAO,CAAC,MAAM,CAAC;IAWlC,WAAW;IAcX,WAAW,CAAC,OAAO,KAAA;IAcnB,sBAAsB;IActB,qBAAqB;IAerB,eAAe;IAUf,YAAY,CAAC,~~KAAK~~,EAAE,cAAc;~~IAYlC~~,iBAAiB;IAIjB,WAAW;IAMX,yBAAyB;IA+BzB,kBAAkB,IAAI,cAAc;IAQpC,qBAAqB,IAAI,IAAI;IAmC7B,yFAAyF;IACnF,aAAa;IAOnB,cAAc;IAsBd,iBAAiB,IAAI;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAC;IAsBpE,6BAA6B;IAC7B,eAAe;IAQf;;;OAGG;IACH,0BAA0B;IAM1B,YAAY;IAuBZ,UAAU;IAWV,mBAAmB;IAOnB,YAAY,CAAC,KAAK,EAAE,KAAK;IAMzB,aAAa,CAAC,KAAK,EAAE,KAAK;CAG3B"}
1	+ {"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 CHANGED Viewed

@@ -8,13 +8,14 @@ let statIdCounter = 0;
 const DEFAULT_ANIMATION_LOOP_PROPS = {
   onCreateDevice: props => luma.createDevice(props),
   onAddHTML: () => '',
-  onInitialize: () => ({}),
+  onInitialize: async () => {
+    return null;
+  },
   onRender: () => {},
   onFinalize: () => {},
   onError: error => console.error(error),
   device: null,
   deviceProps: {},
-  debug: false,
   stats: luma.stats.get("animation-loop-".concat(statIdCounter++)),
   useDevicePixels: true,
   autoResizeViewport: true,
@@ -283,14 +284,14 @@ export class AnimationLoop {
     this._requestAnimationFrame();
   }
-  _renderFrame(props) {
+  _renderFrame(animationProps) {
     if (this.display) {
-      this.display._renderFrame(props);
+      this.display._renderFrame(animationProps);
       return;
     }
-    this.props.onRender(props);
+    this.props.onRender(this._getAnimationProps());
   }
   _clearNeedsRedraw() {

package/dist/lib/animation-loop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/lib/animation-loop.ts"],"names":["luma","requestAnimationFrame","cancelAnimationFrame","Stats","isBrowser","isPage","document","statIdCounter","DEFAULT_ANIMATION_LOOP_PROPS","onCreateDevice","props","createDevice","onAddHTML","onInitialize","onRender","onFinalize","onError","error","console","device","deviceProps","debug","stats","get","useDevicePixels","autoResizeViewport","autoResizeDrawingBuffer","AnimationLoop","constructor","gl","id","cpuTime","gpuTime","frameRate","setProps","start","bind","stop","_onMousemove","_onMouseleave","destroy","_setDisplay","delete","setNeedsRedraw","reason","needsRedraw","_running","appContext","_initialized","_createDevice","_initialize","_getAnimationProps","_cancelAnimationFrame","_requestAnimationFrame","err","Error","redraw","isLost","_beginTimers","_setupFrame","_updateAnimationProps","_renderFrame","_clearNeedsRedraw","_resolveNextFrame","_nextFramePromise","_endTimers","animationProps","attachTimeline","timeline","detachTimeline","waitForRender","Promise","resolve","toDataURL","canvas","HTMLCanvasElement","_startEventHandling","_initializeAnimationProps","_resizeCanvasDrawingBuffer","_resizeViewport","display","animationLoop","_animationFrameId","_animationFrame","canvasContext","width","height","aspect","time","startTime","Date","now","engineTime","tick","tock","_mousePosition","_getSizeAndAspect","update","Math","floor","getTime","_createInfoDiv","wrapperDiv","createElement","body","appendChild","style","position","div","left","bottom","background","html","innerHTML","getPixelSize","clientHeight","clientWidth","viewport","drawingBufferWidth","drawingBufferHeight","resize","timeEnd","timeStart","addEventListener","event","MouseEvent","offsetX","offsetY"],"mappings":"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","sourcesContent":["import {luma, Device, DeviceProps} from '@luma.gl/api';\nimport {requestAnimationFrame, cancelAnimationFrame} from '@luma.gl/api';\nimport {Timeline} from '../animation/timeline';\nimport {AnimationProps} from '../lib/animation-props';\nimport {Stats, Stat} from '@probe.gl/stats';\nimport {isBrowser} from '@probe.gl/env';\n\nconst isPage = isBrowser() && typeof document !== 'undefined';\n\nlet statIdCounter = 0;\n\ntype ContextProps = DeviceProps;\n\n/** AnimationLoop properties /\nexport type AnimationLoopProps = {\n onCreateDevice?: (props: DeviceProps) => Promise<Device>;\n onAddHTML?: (div: HTMLDivElement) => string; // innerHTML\n onInitialize?: (animationProps: AnimationProps) => void;\n onRender?: (animationProps: AnimationProps) => void;\n onFinalize?: (animationProps: AnimationProps) => void;\n onError?: (reason: Error) => void;\n\n device?: Device \| null;\n deviceProps?: DeviceProps;\n stats?: Stats;\n\n // view parameters\n debug?: boolean;\n autoResizeViewport?: boolean;\n autoResizeDrawingBuffer?: boolean;\n useDevicePixels?: number \| boolean;\n};\n\nconst DEFAULT_ANIMATION_LOOP_PROPS: Required<AnimationLoopProps> = {\n onCreateDevice: (props: DeviceProps): Promise<Device> => luma.createDevice(props),\n onAddHTML: () => '',\n onInitialize: () => ({}),\n onRender: () => {},\n onFinalize: () => {},\n onError: (error) => console.error(error), // eslint-disable-line no-console\n\n device: null,\n deviceProps: {},\n debug: false,\n stats: luma.stats.get(`animation-loop-${statIdCounter++}`),\n\n // view parameters\n useDevicePixels: true,\n autoResizeViewport: true,\n autoResizeDrawingBuffer: true,\n};\n\n/* Convenient animation loop /\nexport class AnimationLoop {\n device: Device \| null = null;\n canvas: HTMLCanvasElement \| OffscreenCanvas \| null = null;\n\n props: Required<AnimationLoopProps>;\n animationProps: AnimationProps \| null = null;\n timeline: Timeline \| null = null;\n stats: Stats;\n cpuTime: Stat;\n gpuTime: Stat;\n frameRate: Stat;\n\n display: any;\n\n needsRedraw: string \| false = 'initialized';\n\n _initialized: boolean = false;\n _running: boolean = false;\n _animationFrameId: any = null;\n _nextFramePromise: Promise<AnimationLoop> \| null = null;\n _resolveNextFrame: ((AnimationLoop) => void) \| null = null;\n _cpuStartTime: number = 0;\n\n // _gpuTimeQuery: Query \| null = null;\n\n /\n * @param {HTMLCanvasElement} canvas - if provided, width and height will be passed to context\n /\n constructor(props: AnimationLoopProps = {}) {\n this.props = {...DEFAULT_ANIMATION_LOOP_PROPS, ...props};\n props = this.props;\n\n let {useDevicePixels = true} = this.props;\n\n // state\n this.device = props.device \|\| null;\n // @ts-expect-error\n this.gl = (this.device && this.device.gl) \|\| props.gl;\n\n this.stats = props.stats \|\| new Stats({id: 'animation-loop-stats'});\n this.cpuTime = this.stats.get('CPU Time');\n this.gpuTime = this.stats.get('GPU Time');\n this.frameRate = this.stats.get('Frame Rate');\n\n this.setProps({\n autoResizeViewport: props.autoResizeViewport,\n autoResizeDrawingBuffer: props.autoResizeDrawingBuffer,\n useDevicePixels\n });\n\n // Bind methods\n this.start = this.start.bind(this);\n this.stop = this.stop.bind(this);\n\n this._onMousemove = this._onMousemove.bind(this);\n this._onMouseleave = this._onMouseleave.bind(this);\n }\n\n destroy(): void {\n this.stop();\n this._setDisplay(null);\n }\n\n /* @deprecated Use .destroy() /\n delete(): void {\n this.destroy();\n }\n\n setNeedsRedraw(reason: string): this {\n this.needsRedraw = this.needsRedraw \|\| reason;\n return this;\n }\n\n // TODO - move to CanvasContext\n setProps(props: AnimationLoopProps): this {\n if ('autoResizeViewport' in props) {\n this.props.autoResizeViewport = props.autoResizeViewport \|\| false;\n }\n if ('autoResizeDrawingBuffer' in props) {\n this.props.autoResizeDrawingBuffer = props.autoResizeDrawingBuffer \|\| false;\n }\n if ('useDevicePixels' in props) {\n this.props.useDevicePixels = props.useDevicePixels \|\| false;\n }\n return this;\n }\n\n /* Starts a render loop if not already running /\n async start() {\n if (this._running) {\n return this;\n }\n this._running = true;\n\n try {\n // check that we haven't been stopped\n if (!this._running) {\n return null;\n }\n\n let appContext;\n if (!this._initialized) {\n this._initialized = true;\n // Create the WebGL context\n await this._createDevice();\n this._initialize();\n\n // Note: onIntialize can return a promise (e.g. in case app needs to load resources)\n await this.props.onInitialize(this._getAnimationProps());\n }\n\n // check that we haven't been stopped\n if (!this._running) {\n return null;\n }\n\n // Start the loop\n if (appContext !== false) {\n // cancel any pending renders to ensure only one loop can ever run\n this._cancelAnimationFrame();\n this._requestAnimationFrame();\n }\n\n return this;\n } catch (err: unknown) {\n const error = err instanceof Error ? err : new Error('Unknown error')\n this.props.onError(error);\n // this._running = false; // TODO\n throw error;\n }\n }\n\n /* Explicitly draw a frame /\n redraw(): this {\n if (this.device?.isLost) {\n return this;\n }\n\n this._beginTimers();\n\n this._setupFrame();\n this._updateAnimationProps();\n\n this._renderFrame(this._getAnimationProps());\n\n // clear needsRedraw flag\n this._clearNeedsRedraw();\n\n if (this._resolveNextFrame) {\n this._resolveNextFrame(this);\n this._nextFramePromise = null;\n this._resolveNextFrame = null;\n }\n\n this._endTimers();\n\n return this;\n }\n\n // Stops a render loop if already running, finalizing\n stop() {\n // console.debug(`Stopping ${this.constructor.name}`);\n if (this._running) {\n // call callback\n // If stop is called immediately, we can end up in a state where props haven't been initialized...\n if (this.animationProps) {\n this.props.onFinalize(this.animationProps);\n }\n\n this._cancelAnimationFrame();\n this._nextFramePromise = null;\n this._resolveNextFrame = null;\n this._running = false;\n }\n return this;\n }\n\n attachTimeline(timeline: Timeline): Timeline {\n this.timeline = timeline;\n return this.timeline;\n }\n\n detachTimeline(): void {\n this.timeline = null;\n }\n\n waitForRender(): Promise<AnimationLoop> {\n this.setNeedsRedraw('waitForRender');\n\n if (!this._nextFramePromise) {\n this._nextFramePromise = new Promise((resolve) => {\n this._resolveNextFrame = resolve;\n });\n }\n return this._nextFramePromise;\n }\n\n async toDataURL(): Promise<string> {\n this.setNeedsRedraw('toDataURL');\n await this.waitForRender();\n if (this.canvas instanceof HTMLCanvasElement) {\n return this.canvas.toDataURL();\n }\n throw new Error('OffscreenCanvas');\n }\n\n // PRIVATE METHODS\n\n _initialize() {\n this._startEventHandling();\n\n // Initialize the callback data\n this._initializeAnimationProps();\n this._updateAnimationProps();\n\n // Default viewport setup, in case onInitialize wants to render\n this._resizeCanvasDrawingBuffer();\n this._resizeViewport();\n\n // this._gpuTimeQuery = Query.isSupported(this.gl, ['timers']) ? new Query(this.gl) : null;\n }\n\n _setDisplay(display) {\n if (this.display) {\n this.display.delete();\n this.display.animationLoop = null;\n }\n\n // store animation loop on the display\n if (display) {\n display.animationLoop = this;\n }\n\n this.display = display;\n }\n\n _requestAnimationFrame() {\n if (!this._running) {\n return;\n }\n\n // VR display has a separate animation frame to sync with headset\n // TODO WebVR API discontinued, replaced by WebXR: https://immersive-web.github.io/webxr/\n // See https://developer.mozilla.org/en-US/docs/Web/API/VRDisplay/requestAnimationFrame\n // if (this.display && this.display.requestAnimationFrame) {\n // this._animationFrameId = this.display.requestAnimationFrame(this._animationFrame.bind(this));\n // }\n this._animationFrameId = requestAnimationFrame(this._animationFrame.bind(this));\n }\n\n _cancelAnimationFrame() {\n if (this._animationFrameId !== null) {\n return;\n }\n\n // VR display has a separate animation frame to sync with headset\n // TODO WebVR API discontinued, replaced by WebXR: https://immersive-web.github.io/webxr/\n // See https://developer.mozilla.org/en-US/docs/Web/API/VRDisplay/requestAnimationFrame\n // if (this.display && this.display.cancelAnimationFrame) {\n // this.display.cancelAnimationFrame(this._animationFrameId);\n // }\n cancelAnimationFrame(this._animationFrameId);\n this._animationFrameId = null;\n }\n\n _animationFrame() {\n if (!this._running) {\n return;\n }\n this.redraw();\n this._requestAnimationFrame();\n }\n\n // Called on each frame, can be overridden to call onRender multiple times\n // to support e.g. stereoscopic rendering\n _renderFrame(props: AnimationProps) {\n // Allow e.g. VR display to render multiple frames.\n if (this.display) {\n this.display._renderFrame(props);\n return;\n }\n\n // call callback\n this.props.onRender(props);\n // end callback\n }\n\n _clearNeedsRedraw() {\n this.needsRedraw = false;\n }\n\n _setupFrame() {\n this._resizeCanvasDrawingBuffer();\n this._resizeViewport();\n }\n\n // Initialize the object that will be passed to app callbacks\n _initializeAnimationProps() {\n if (!this.device) {\n throw new Error('loop');\n }\n this.animationProps = {\n animationLoop: this,\n device: this.device,\n canvas: this.device?.canvasContext?.canvas!,\n timeline: this.timeline,\n\n // Initial values\n useDevicePixels: this.props.useDevicePixels,\n needsRedraw: false,\n\n // Placeholders\n width: 1,\n height: 1,\n aspect: 1,\n\n // Animation props\n time: 0,\n startTime: Date.now(),\n engineTime: 0,\n tick: 0,\n tock: 0,\n\n // Experimental\n _mousePosition: null // Event props\n };\n }\n\n _getAnimationProps(): AnimationProps {\n if (!this.animationProps) {\n throw new Error('animationProps');\n }\n return this.animationProps;\n }\n\n // Update the context object that will be passed to app callbacks\n _updateAnimationProps(): void {\n if (!this.animationProps) {\n return;\n }\n\n const {width, height, aspect} = this._getSizeAndAspect();\n if (width !== this.animationProps.width \|\| height !== this.animationProps.height) {\n this.setNeedsRedraw('drawing buffer resized');\n }\n if (aspect !== this.animationProps.aspect) {\n this.setNeedsRedraw('drawing buffer aspect changed');\n }\n\n this.animationProps.width = width;\n this.animationProps.height = height;\n this.animationProps.aspect = aspect;\n\n this.animationProps.needsRedraw = this.needsRedraw;\n\n // Update time properties\n this.animationProps.engineTime = Date.now() - this.animationProps.startTime;\n\n if (this.timeline) {\n this.timeline.update(this.animationProps.engineTime);\n }\n\n this.animationProps.tick = Math.floor((this.animationProps.time / 1000) 60);\n this.animationProps.tock++;\n\n // For back compatibility\n this.animationProps.time = this.timeline\n ? this.timeline.getTime()\n : this.animationProps.engineTime;\n }\n\n /** Either uses supplied or existing context, or calls provided callback to create one /\n async _createDevice() {\n const deviceProps = {...this.props, ...this.props.deviceProps};\n this.device = await this.props.onCreateDevice(deviceProps);\n this.canvas = this.device.canvasContext?.canvas!;\n this._createInfoDiv();\n }\n\n _createInfoDiv() {\n if (this.canvas && this.props.onAddHTML) {\n const wrapperDiv = document.createElement('div');\n document.body.appendChild(wrapperDiv);\n wrapperDiv.style.position = 'relative';\n const div = document.createElement('div');\n div.style.position = 'absolute';\n div.style.left = '10px';\n div.style.bottom = '10px';\n div.style.width = '300px';\n div.style.background = 'white';\n if (this.canvas instanceof HTMLCanvasElement) {\n wrapperDiv.appendChild(this.canvas);\n }\n wrapperDiv.appendChild(div);\n const html = this.props.onAddHTML(div);\n if (html) {\n div.innerHTML = html;\n }\n }\n }\n\n _getSizeAndAspect(): {width: number; height: number; aspect: number} {\n if (!this.device) {\n return {width: 1, height: 1, aspect: 1};\n }\n // https://webglfundamentals.org/webgl/lessons/webgl-resizing-the-canvas.html\n const [width, height] = this.device?.canvasContext?.getPixelSize() \|\| [1, 1];\n\n // https://webglfundamentals.org/webgl/lessons/webgl-anti-patterns.html\n let aspect = 1;\n const canvas = this.device?.canvasContext?.canvas;\n\n // @ts-expect-error\n if (canvas && canvas.clientHeight) {\n // @ts-expect-error\n aspect = canvas.clientWidth / canvas.clientHeight;\n } else if (width > 0 && height > 0) {\n aspect = width / height;\n }\n\n return {width, height, aspect};\n }\n\n /* Default viewport setup /\n _resizeViewport() {\n // @ts-expect-error Expose on canvasContext\n if (this.props.autoResizeViewport && this.device.gl) {\n // @ts-expect-error Expose canvasContext\n this.device.gl.viewport(0, 0, this.device.gl.drawingBufferWidth, this.device.gl.drawingBufferHeight);\n }\n }\n\n /\n Resize the render buffer of the canvas to match canvas client size\n * Optionally multiplying with devicePixel ratio\n */\n _resizeCanvasDrawingBuffer() {\n if (this.props.autoResizeDrawingBuffer) {\n this.device?.canvasContext?.resize({useDevicePixels: this.props.useDevicePixels});\n }\n }\n\n _beginTimers() {\n this.frameRate.timeEnd();\n this.frameRate.timeStart();\n\n // Check if timer for last frame has completed.\n // GPU timer results are never available in the same\n // frame they are captured.\n // if (\n // this._gpuTimeQuery &&\n // this._gpuTimeQuery.isResultAvailable() &&\n // !this._gpuTimeQuery.isTimerDisjoint()\n // ) {\n // this.stats.get('GPU Time').addTime(this._gpuTimeQuery.getTimerMilliseconds());\n // }\n\n // if (this._gpuTimeQuery) {\n // // GPU time query start\n // this._gpuTimeQuery.beginTimeElapsedQuery();\n // }\n\n // this.cpuTime.timeStart();\n }\n\n _endTimers() {\n this.cpuTime.timeEnd();\n\n // if (this._gpuTimeQuery) {\n // // GPU time query end. Results will be available on next frame.\n // this._gpuTimeQuery.end();\n // }\n }\n\n // Event handling\n\n _startEventHandling() {\n if (this.canvas) {\n this.canvas.addEventListener('mousemove', this._onMousemove);\n this.canvas.addEventListener('mouseleave', this._onMouseleave);\n }\n }\n\n _onMousemove(event: Event) {\n if (event instanceof MouseEvent) {\n this._getAnimationProps()._mousePosition = [event.offsetX, event.offsetY];\n }\n }\n\n _onMouseleave(event: Event) {\n this._getAnimationProps()._mousePosition = null;\n }\n}\n"],"file":"animation-loop.js"}
1	+ {"version":3,"sources":["../../src/lib/animation-loop.ts"],"names":["luma","requestAnimationFrame","cancelAnimationFrame","Stats","isBrowser","isPage","document","statIdCounter","DEFAULT_ANIMATION_LOOP_PROPS","onCreateDevice","props","createDevice","onAddHTML","onInitialize","onRender","onFinalize","onError","error","console","device","deviceProps","stats","get","useDevicePixels","autoResizeViewport","autoResizeDrawingBuffer","AnimationLoop","constructor","gl","id","cpuTime","gpuTime","frameRate","setProps","start","bind","stop","_onMousemove","_onMouseleave","destroy","_setDisplay","delete","setNeedsRedraw","reason","needsRedraw","_running","appContext","_initialized","_createDevice","_initialize","_getAnimationProps","_cancelAnimationFrame","_requestAnimationFrame","err","Error","redraw","isLost","_beginTimers","_setupFrame","_updateAnimationProps","_renderFrame","_clearNeedsRedraw","_resolveNextFrame","_nextFramePromise","_endTimers","animationProps","attachTimeline","timeline","detachTimeline","waitForRender","Promise","resolve","toDataURL","canvas","HTMLCanvasElement","_startEventHandling","_initializeAnimationProps","_resizeCanvasDrawingBuffer","_resizeViewport","display","animationLoop","_animationFrameId","_animationFrame","canvasContext","width","height","aspect","time","startTime","Date","now","engineTime","tick","tock","_mousePosition","_getSizeAndAspect","update","Math","floor","getTime","_createInfoDiv","wrapperDiv","createElement","body","appendChild","style","position","div","left","bottom","background","html","innerHTML","getPixelSize","clientHeight","clientWidth","viewport","drawingBufferWidth","drawingBufferHeight","resize","timeEnd","timeStart","addEventListener","event","MouseEvent","offsetX","offsetY"],"mappings":"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","sourcesContent":["// luma.gl, MIT license\n\nimport {luma, Device, DeviceProps} from '@luma.gl/api';\nimport {requestAnimationFrame, cancelAnimationFrame} from '@luma.gl/api';\nimport {Timeline} from '../animation/timeline';\nimport {AnimationProps} from '../lib/animation-props';\nimport {Stats, Stat} from '@probe.gl/stats';\nimport {isBrowser} from '@probe.gl/env';\n\nconst isPage = isBrowser() && typeof document !== 'undefined';\n\nlet statIdCounter = 0;\n\ntype ContextProps = DeviceProps;\n\n/** AnimationLoop properties /\nexport type AnimationLoopProps = {\n onCreateDevice?: (props: DeviceProps) => Promise<Device>;\n onAddHTML?: (div: HTMLDivElement) => string; // innerHTML\n onInitialize?: (animationProps: AnimationProps) => Promise<unknown>;\n onRender?: (animationProps: AnimationProps) => unknown;\n onFinalize?: (animationProps: AnimationProps) => void;\n onError?: (reason: Error) => void;\n\n device?: Device \| null;\n deviceProps?: DeviceProps;\n stats?: Stats;\n\n // view parameters\n autoResizeViewport?: boolean;\n autoResizeDrawingBuffer?: boolean;\n useDevicePixels?: number \| boolean;\n};\n\nconst DEFAULT_ANIMATION_LOOP_PROPS: Required<AnimationLoopProps> = {\n onCreateDevice: (props: DeviceProps): Promise<Device> => luma.createDevice(props),\n onAddHTML: () => '',\n onInitialize: async () => { return null; },\n onRender: () => {},\n onFinalize: () => {},\n onError: (error) => console.error(error), // eslint-disable-line no-console\n\n device: null,\n deviceProps: {},\n stats: luma.stats.get(`animation-loop-${statIdCounter++}`),\n\n // view parameters\n useDevicePixels: true,\n autoResizeViewport: true,\n autoResizeDrawingBuffer: true,\n};\n\n/* Convenient animation loop /\nexport class AnimationLoop {\n device: Device \| null = null;\n canvas: HTMLCanvasElement \| OffscreenCanvas \| null = null;\n\n props: Required<AnimationLoopProps>;\n animationProps: AnimationProps \| null = null;\n timeline: Timeline \| null = null;\n stats: Stats;\n cpuTime: Stat;\n gpuTime: Stat;\n frameRate: Stat;\n\n display: any;\n\n needsRedraw: string \| false = 'initialized';\n\n _initialized: boolean = false;\n _running: boolean = false;\n _animationFrameId: any = null;\n _nextFramePromise: Promise<AnimationLoop> \| null = null;\n _resolveNextFrame: ((AnimationLoop) => void) \| null = null;\n _cpuStartTime: number = 0;\n\n // _gpuTimeQuery: Query \| null = null;\n\n /\n * @param {HTMLCanvasElement} canvas - if provided, width and height will be passed to context\n /\n constructor(props: AnimationLoopProps = {}) {\n this.props = {...DEFAULT_ANIMATION_LOOP_PROPS, ...props};\n props = this.props;\n\n let {useDevicePixels = true} = this.props;\n\n // state\n this.device = props.device \|\| null;\n // @ts-expect-error\n this.gl = (this.device && this.device.gl) \|\| props.gl;\n\n this.stats = props.stats \|\| new Stats({id: 'animation-loop-stats'});\n this.cpuTime = this.stats.get('CPU Time');\n this.gpuTime = this.stats.get('GPU Time');\n this.frameRate = this.stats.get('Frame Rate');\n\n this.setProps({\n autoResizeViewport: props.autoResizeViewport,\n autoResizeDrawingBuffer: props.autoResizeDrawingBuffer,\n useDevicePixels\n });\n\n // Bind methods\n this.start = this.start.bind(this);\n this.stop = this.stop.bind(this);\n\n this._onMousemove = this._onMousemove.bind(this);\n this._onMouseleave = this._onMouseleave.bind(this);\n }\n\n destroy(): void {\n this.stop();\n this._setDisplay(null);\n }\n\n /* @deprecated Use .destroy() /\n delete(): void {\n this.destroy();\n }\n\n setNeedsRedraw(reason: string): this {\n this.needsRedraw = this.needsRedraw \|\| reason;\n return this;\n }\n\n // TODO - move to CanvasContext\n setProps(props: AnimationLoopProps): this {\n if ('autoResizeViewport' in props) {\n this.props.autoResizeViewport = props.autoResizeViewport \|\| false;\n }\n if ('autoResizeDrawingBuffer' in props) {\n this.props.autoResizeDrawingBuffer = props.autoResizeDrawingBuffer \|\| false;\n }\n if ('useDevicePixels' in props) {\n this.props.useDevicePixels = props.useDevicePixels \|\| false;\n }\n return this;\n }\n\n /* Starts a render loop if not already running /\n async start() {\n if (this._running) {\n return this;\n }\n this._running = true;\n\n try {\n // check that we haven't been stopped\n if (!this._running) {\n return null;\n }\n\n let appContext;\n if (!this._initialized) {\n this._initialized = true;\n // Create the WebGL context\n await this._createDevice();\n this._initialize();\n\n // Note: onIntialize can return a promise (e.g. in case app needs to load resources)\n await this.props.onInitialize(this._getAnimationProps());\n }\n\n // check that we haven't been stopped\n if (!this._running) {\n return null;\n }\n\n // Start the loop\n if (appContext !== false) {\n // cancel any pending renders to ensure only one loop can ever run\n this._cancelAnimationFrame();\n this._requestAnimationFrame();\n }\n\n return this;\n } catch (err: unknown) {\n const error = err instanceof Error ? err : new Error('Unknown error')\n this.props.onError(error);\n // this._running = false; // TODO\n throw error;\n }\n }\n\n /* Explicitly draw a frame /\n redraw(): this {\n if (this.device?.isLost) {\n return this;\n }\n\n this._beginTimers();\n\n this._setupFrame();\n this._updateAnimationProps();\n\n this._renderFrame(this._getAnimationProps());\n\n // clear needsRedraw flag\n this._clearNeedsRedraw();\n\n if (this._resolveNextFrame) {\n this._resolveNextFrame(this);\n this._nextFramePromise = null;\n this._resolveNextFrame = null;\n }\n\n this._endTimers();\n\n return this;\n }\n\n // Stops a render loop if already running, finalizing\n stop() {\n // console.debug(`Stopping ${this.constructor.name}`);\n if (this._running) {\n // call callback\n // If stop is called immediately, we can end up in a state where props haven't been initialized...\n if (this.animationProps) {\n this.props.onFinalize(this.animationProps);\n }\n\n this._cancelAnimationFrame();\n this._nextFramePromise = null;\n this._resolveNextFrame = null;\n this._running = false;\n }\n return this;\n }\n\n attachTimeline(timeline: Timeline): Timeline {\n this.timeline = timeline;\n return this.timeline;\n }\n\n detachTimeline(): void {\n this.timeline = null;\n }\n\n waitForRender(): Promise<AnimationLoop> {\n this.setNeedsRedraw('waitForRender');\n\n if (!this._nextFramePromise) {\n this._nextFramePromise = new Promise((resolve) => {\n this._resolveNextFrame = resolve;\n });\n }\n return this._nextFramePromise;\n }\n\n async toDataURL(): Promise<string> {\n this.setNeedsRedraw('toDataURL');\n await this.waitForRender();\n if (this.canvas instanceof HTMLCanvasElement) {\n return this.canvas.toDataURL();\n }\n throw new Error('OffscreenCanvas');\n }\n\n // PRIVATE METHODS\n\n _initialize() {\n this._startEventHandling();\n\n // Initialize the callback data\n this._initializeAnimationProps();\n this._updateAnimationProps();\n\n // Default viewport setup, in case onInitialize wants to render\n this._resizeCanvasDrawingBuffer();\n this._resizeViewport();\n\n // this._gpuTimeQuery = Query.isSupported(this.gl, ['timers']) ? new Query(this.gl) : null;\n }\n\n _setDisplay(display) {\n if (this.display) {\n this.display.delete();\n this.display.animationLoop = null;\n }\n\n // store animation loop on the display\n if (display) {\n display.animationLoop = this;\n }\n\n this.display = display;\n }\n\n _requestAnimationFrame() {\n if (!this._running) {\n return;\n }\n\n // VR display has a separate animation frame to sync with headset\n // TODO WebVR API discontinued, replaced by WebXR: https://immersive-web.github.io/webxr/\n // See https://developer.mozilla.org/en-US/docs/Web/API/VRDisplay/requestAnimationFrame\n // if (this.display && this.display.requestAnimationFrame) {\n // this._animationFrameId = this.display.requestAnimationFrame(this._animationFrame.bind(this));\n // }\n this._animationFrameId = requestAnimationFrame(this._animationFrame.bind(this));\n }\n\n _cancelAnimationFrame() {\n if (this._animationFrameId !== null) {\n return;\n }\n\n // VR display has a separate animation frame to sync with headset\n // TODO WebVR API discontinued, replaced by WebXR: https://immersive-web.github.io/webxr/\n // See https://developer.mozilla.org/en-US/docs/Web/API/VRDisplay/requestAnimationFrame\n // if (this.display && this.display.cancelAnimationFrame) {\n // this.display.cancelAnimationFrame(this._animationFrameId);\n // }\n cancelAnimationFrame(this._animationFrameId);\n this._animationFrameId = null;\n }\n\n _animationFrame() {\n if (!this._running) {\n return;\n }\n this.redraw();\n this._requestAnimationFrame();\n }\n\n // Called on each frame, can be overridden to call onRender multiple times\n // to support e.g. stereoscopic rendering\n _renderFrame(animationProps: AnimationProps) {\n // Allow e.g. VR display to render multiple frames.\n if (this.display) {\n this.display._renderFrame(animationProps);\n return;\n }\n\n // call callback\n this.props.onRender(this._getAnimationProps());\n // end callback\n }\n\n _clearNeedsRedraw() {\n this.needsRedraw = false;\n }\n\n _setupFrame() {\n this._resizeCanvasDrawingBuffer();\n this._resizeViewport();\n }\n\n // Initialize the object that will be passed to app callbacks\n _initializeAnimationProps() {\n if (!this.device) {\n throw new Error('loop');\n }\n this.animationProps = {\n animationLoop: this,\n device: this.device,\n canvas: this.device?.canvasContext?.canvas!,\n timeline: this.timeline,\n\n // Initial values\n useDevicePixels: this.props.useDevicePixels,\n needsRedraw: false,\n\n // Placeholders\n width: 1,\n height: 1,\n aspect: 1,\n\n // Animation props\n time: 0,\n startTime: Date.now(),\n engineTime: 0,\n tick: 0,\n tock: 0,\n\n // Experimental\n _mousePosition: null // Event props\n };\n }\n\n _getAnimationProps(): AnimationProps {\n if (!this.animationProps) {\n throw new Error('animationProps');\n }\n return this.animationProps;\n }\n\n // Update the context object that will be passed to app callbacks\n _updateAnimationProps(): void {\n if (!this.animationProps) {\n return;\n }\n\n const {width, height, aspect} = this._getSizeAndAspect();\n if (width !== this.animationProps.width \|\| height !== this.animationProps.height) {\n this.setNeedsRedraw('drawing buffer resized');\n }\n if (aspect !== this.animationProps.aspect) {\n this.setNeedsRedraw('drawing buffer aspect changed');\n }\n\n this.animationProps.width = width;\n this.animationProps.height = height;\n this.animationProps.aspect = aspect;\n\n this.animationProps.needsRedraw = this.needsRedraw;\n\n // Update time properties\n this.animationProps.engineTime = Date.now() - this.animationProps.startTime;\n\n if (this.timeline) {\n this.timeline.update(this.animationProps.engineTime);\n }\n\n this.animationProps.tick = Math.floor((this.animationProps.time / 1000) 60);\n this.animationProps.tock++;\n\n // For back compatibility\n this.animationProps.time = this.timeline\n ? this.timeline.getTime()\n : this.animationProps.engineTime;\n }\n\n /** Either uses supplied or existing context, or calls provided callback to create one /\n async _createDevice() {\n const deviceProps = {...this.props, ...this.props.deviceProps};\n this.device = await this.props.onCreateDevice(deviceProps);\n this.canvas = this.device.canvasContext?.canvas!;\n this._createInfoDiv();\n }\n\n _createInfoDiv() {\n if (this.canvas && this.props.onAddHTML) {\n const wrapperDiv = document.createElement('div');\n document.body.appendChild(wrapperDiv);\n wrapperDiv.style.position = 'relative';\n const div = document.createElement('div');\n div.style.position = 'absolute';\n div.style.left = '10px';\n div.style.bottom = '10px';\n div.style.width = '300px';\n div.style.background = 'white';\n if (this.canvas instanceof HTMLCanvasElement) {\n wrapperDiv.appendChild(this.canvas);\n }\n wrapperDiv.appendChild(div);\n const html = this.props.onAddHTML(div);\n if (html) {\n div.innerHTML = html;\n }\n }\n }\n\n _getSizeAndAspect(): {width: number; height: number; aspect: number} {\n if (!this.device) {\n return {width: 1, height: 1, aspect: 1};\n }\n // https://webglfundamentals.org/webgl/lessons/webgl-resizing-the-canvas.html\n const [width, height] = this.device?.canvasContext?.getPixelSize() \|\| [1, 1];\n\n // https://webglfundamentals.org/webgl/lessons/webgl-anti-patterns.html\n let aspect = 1;\n const canvas = this.device?.canvasContext?.canvas;\n\n // @ts-expect-error\n if (canvas && canvas.clientHeight) {\n // @ts-expect-error\n aspect = canvas.clientWidth / canvas.clientHeight;\n } else if (width > 0 && height > 0) {\n aspect = width / height;\n }\n\n return {width, height, aspect};\n }\n\n /* Default viewport setup /\n _resizeViewport() {\n // @ts-expect-error Expose on canvasContext\n if (this.props.autoResizeViewport && this.device.gl) {\n // @ts-expect-error Expose canvasContext\n this.device.gl.viewport(0, 0, this.device.gl.drawingBufferWidth, this.device.gl.drawingBufferHeight);\n }\n }\n\n /\n Resize the render buffer of the canvas to match canvas client size\n * Optionally multiplying with devicePixel ratio\n */\n _resizeCanvasDrawingBuffer() {\n if (this.props.autoResizeDrawingBuffer) {\n this.device?.canvasContext?.resize({useDevicePixels: this.props.useDevicePixels});\n }\n }\n\n _beginTimers() {\n this.frameRate.timeEnd();\n this.frameRate.timeStart();\n\n // Check if timer for last frame has completed.\n // GPU timer results are never available in the same\n // frame they are captured.\n // if (\n // this._gpuTimeQuery &&\n // this._gpuTimeQuery.isResultAvailable() &&\n // !this._gpuTimeQuery.isTimerDisjoint()\n // ) {\n // this.stats.get('GPU Time').addTime(this._gpuTimeQuery.getTimerMilliseconds());\n // }\n\n // if (this._gpuTimeQuery) {\n // // GPU time query start\n // this._gpuTimeQuery.beginTimeElapsedQuery();\n // }\n\n // this.cpuTime.timeStart();\n }\n\n _endTimers() {\n this.cpuTime.timeEnd();\n\n // if (this._gpuTimeQuery) {\n // // GPU time query end. Results will be available on next frame.\n // this._gpuTimeQuery.end();\n // }\n }\n\n // Event handling\n\n _startEventHandling() {\n if (this.canvas) {\n this.canvas.addEventListener('mousemove', this._onMousemove);\n this.canvas.addEventListener('mouseleave', this._onMouseleave);\n }\n }\n\n _onMousemove(event: Event) {\n if (event instanceof MouseEvent) {\n this._getAnimationProps()._mousePosition = [event.offsetX, event.offsetY];\n }\n }\n\n _onMouseleave(event: Event) {\n this._getAnimationProps()._mousePosition = null;\n }\n}\n"],"file":"animation-loop.js"}

package/dist/lib/render-loop.d.ts CHANGED Viewed

@@ -7,7 +7,12 @@ import { AnimationLoop } from './animation-loop';
  * v9 API
  */
 export declare abstract class RenderLoop {
+    animationLoop?: AnimationLoop;
     constructor(animationProps?: AnimationProps);
+    destroy(): void;
+    onInitialize(animationProps: AnimationProps): Promise<unknown>;
+    abstract onRender(animationProps: AnimationProps): unknown;
+    abstract onFinalize(animationProps: AnimationProps): void;
     /** Instantiates and runs the render loop */
     static run(RenderLoopConstructor: typeof RenderLoop, deviceProps?: DeviceProps): AnimationLoop;
 }

package/dist/lib/render-loop.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"render-loop.d.ts","sourceRoot":"","sources":["../../src/lib/render-loop.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAE/C;;;;GAIG;AACH,8BAAsB,UAAU;~~gBAClB~~,cAAc,CAAC,EAAE,cAAc;IAE3C,4CAA4C;IAC5C,MAAM,CAAC,GAAG,CAAC,qBAAqB,EAAE,OAAO,UAAU,EAAE,WAAW,CAAC,EAAE,WAAW,GAAG,aAAa;~~CAS~~/F"}
1	+ {"version":3,"file":"render-loop.d.ts","sourceRoot":"","sources":["../../src/lib/render-loop.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAC,aAAa,EAAC,MAAM,kBAAkB,CAAC;AAE/C;;;;GAIG;AACH,8BAAsB,UAAU;IAE9B,aAAa,CAAC,EAAE,aAAa,CAAC;gBAElB,cAAc,CAAC,EAAE,cAAc;IAE3C,OAAO,IAAI,IAAI;IAIT,YAAY,CAAC,cAAc,EAAE,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC;IACpE,QAAQ,CAAC,QAAQ,CAAC,cAAc,EAAE,cAAc,GAAG,OAAO;IAC1D,QAAQ,CAAC,UAAU,CAAC,cAAc,EAAE,cAAc,GAAG,IAAI;IAEzD,4CAA4C;IAC5C,MAAM,CAAC,GAAG,CAAC,qBAAqB,EAAE,OAAO,UAAU,EAAE,WAAW,CAAC,EAAE,WAAW,GAAG,aAAa;CAmC/F"}

package/dist/lib/render-loop.js CHANGED Viewed

@@ -1,48 +1,52 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import { AnimationLoop } from './animation-loop';
 export class RenderLoop {
-  constructor(animationProps) {}
-  static run(RenderLoopConstructor, deviceProps) {
-    const animationLoop = new SyncInitAnimationLoop(RenderLoopConstructor, deviceProps);
-    return animationLoop;
+  constructor(animationProps) {
+    _defineProperty(this, "animationLoop", void 0);
   }
-}
+  destroy() {
+    var _this$animationLoop;
-class SyncInitAnimationLoop extends AnimationLoop {
-  getInfo() {
-    return this.RenderLoopConstructor.info;
+    (_this$animationLoop = this.animationLoop) === null || _this$animationLoop === void 0 ? void 0 : _this$animationLoop.destroy();
   }
-  constructor(RenderLoopConstructor, deviceProps) {
-    super({
-      deviceProps
-    });
+  async onInitialize(animationProps) {
+    return null;
+  }
+  static run(RenderLoopConstructor, deviceProps) {
+    let renderLoop = null;
+    const animationLoop = new AnimationLoop({
+      deviceProps,
-    _defineProperty(this, "RenderLoopConstructor", void 0);
+      async onInitialize(animationProps) {
+        var _renderLoop;
-    _defineProperty(this, "renderLoop", null);
+        renderLoop = new RenderLoopConstructor(animationProps);
+        renderLoop.animationLoop = animationLoop;
+        return await ((_renderLoop = renderLoop) === null || _renderLoop === void 0 ? void 0 : _renderLoop.onInitialize(animationProps));
+      },
-    this.RenderLoopConstructor = RenderLoopConstructor;
-  }
+      onRender(animationProps) {
+        var _renderLoop2;
-  onInitialize(animationProps) {
-    this.renderLoop = new this.RenderLoopConstructor(animationProps);
-  }
+        (_renderLoop2 = renderLoop) === null || _renderLoop2 === void 0 ? void 0 : _renderLoop2.onRender(animationProps);
+      },
-  onRender(animationProps) {
-    var _this$renderLoop, _this$renderLoop$onRe, _this$renderLoop2, _this$renderLoop2$fra;
+      onFinalize(animationProps) {
+        var _renderLoop3;
-    (_this$renderLoop = this.renderLoop) === null || _this$renderLoop === void 0 ? void 0 : (_this$renderLoop$onRe = _this$renderLoop.onRender) === null || _this$renderLoop$onRe === void 0 ? void 0 : _this$renderLoop$onRe.call(_this$renderLoop, animationProps);
-    (_this$renderLoop2 = this.renderLoop) === null || _this$renderLoop2 === void 0 ? void 0 : (_this$renderLoop2$fra = _this$renderLoop2.frame) === null || _this$renderLoop2$fra === void 0 ? void 0 : _this$renderLoop2$fra.call(_this$renderLoop2, animationProps);
-  }
+        (_renderLoop3 = renderLoop) === null || _renderLoop3 === void 0 ? void 0 : _renderLoop3.onFinalize(animationProps);
+      }
-  onFinalize(animationProps) {
-    var _this$renderLoop3, _this$renderLoop3$onF, _this$renderLoop4, _this$renderLoop4$des;
+    });
+    animationLoop.getInfo = () => {
+      return this.RenderLoopConstructor.info;
+    };
-    (_this$renderLoop3 = this.renderLoop) === null || _this$renderLoop3 === void 0 ? void 0 : (_this$renderLoop3$onF = _this$renderLoop3.onFinalize) === null || _this$renderLoop3$onF === void 0 ? void 0 : _this$renderLoop3$onF.call(_this$renderLoop3, animationProps);
-    (_this$renderLoop4 = this.renderLoop) === null || _this$renderLoop4 === void 0 ? void 0 : (_this$renderLoop4$des = _this$renderLoop4.destroy) === null || _this$renderLoop4$des === void 0 ? void 0 : _this$renderLoop4$des.call(_this$renderLoop4, animationProps);
+    return animationLoop;
   }
 }

package/dist/lib/render-loop.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/lib/render-loop.ts"],"names":["AnimationLoop","RenderLoop","constructor","animationProps","~~run~~","~~RenderLoopConstructor","deviceProps","~~animationLoop","~~SyncInitAnimationLoop~~","~~getInfo~~","~~info~~","~~onInitialize~~","renderLoop","onRender","~~frame~~","~~onFinalize~~","~~destroy~~"],"mappings":";AAEA,SAAQA,aAAR,QAA4B,kBAA5B;AAOA,OAAO,MAAeC,UAAf,CAA0B;~~AAC~~/BC,EAAAA,WAAW,CAACC,cAAD,EAAkC,~~CAAE~~;;~~AAGrC~~,~~SAAHC~~,GAAG,CAACC,qBAAD,EAA2CC,WAA3C,EAAqF;~~AAE7F~~,~~UAAMC~~,~~aAAa~~,GAAG,~~IAAIC~~,~~qBAAJ~~,~~CAA0BH~~,~~qBAA1B~~,~~EAAiDC~~,~~WAAjD~~,~~CAAtB~~;~~AAKA~~,~~WAAOC~~,~~aAAP;AACD~~;;~~AAZ8B;;AAgBjC~~,~~MAAMC~~,~~qBAAN~~,~~SAAoCR~~,~~aAApC~~,~~CAAkD~~;~~AAIhDS~~,~~EAAAA~~,~~OAAO~~,GAAG~~;AAER~~,~~WAAO~~,~~KAAKJ~~,~~qBAAL~~,~~CAA2BK~~,~~IAAlC~~;~~AACD;;AAEDR~~,~~EAAAA~~,~~WAAW~~,~~CAACG~~,~~qBAAD~~,~~EAA2CC~~,~~WAA3C,EAAsE~~;~~AAC/E~~,~~UAAM;AAACA~~,~~MAAAA;AAAD~~,~~KAAN;;AAD+E;;AAAA~~,~~wCAPjD~~,~~IAOiD;;AAE/E~~,~~SAAKD~~,~~qBAAL~~,~~GAA6BA~~,~~qBAA7B~~;AACD;;~~AAEDM~~,~~EAAAA~~,~~YAAY~~,CAACR,cAAD,EAAiC;~~AAE3C~~,~~SAAKS~~,~~UAAL~~,~~GAAkB~~,~~IAAI~~,~~KAAKP~~,~~qBAAT~~,~~CAA+BF,cAA/B,CAAlB~~;AACD;;~~AAEDU~~,~~EAAAA~~,~~QAAQ~~,~~CAACV~~,cAAD,EAAiC;AAAA;;~~AAEvC~~,~~6BAAKS~~,~~UAAL,+FAAiBC~~,~~QAAjB~~,~~uGAA4BV~~,~~cAA5B;AAEA~~,~~8BAAKS~~,~~UAAL,iGAAiBE,KAAjB,wGAAyBX,cAAzB~~;AACD;;~~AAEDY~~,~~EAAAA~~,~~UAAU~~,~~CAACZ~~,~~cAAD~~,~~EAAiC;AAAA;;AAEzC~~,~~8BAAKS~~,~~UAAL~~,~~iGAAiBG~~,~~UAAjB~~,~~wGAA8BZ~~,~~cAA9B;AAEA~~,~~8BAAKS~~,~~UAAL~~,~~iGAAiBI~~,~~OAAjB~~,~~wGAA2Bb,cAA3B~~;AACD;;~~AA/B+C~~","sourcesContent":["import type {DeviceProps} from '@luma.gl/api';\nimport type {AnimationProps} from '../lib/animation-props';\nimport {AnimationLoop} from './animation-loop';\n\n/*\n Minimal animation loop that initializes models in constructor\n * Simplifying type management\n * v9 API\n /\nexport abstract class RenderLoop {\n constructor(animationProps?: AnimationProps) {}\n\n ~~/* Instantiates and runs the render loop /\n static run~~(~~RenderLoopConstructor: typeof RenderLoop, deviceProps?: DeviceProps~~): ~~AnimationLoop~~ {\n ~~// Create an animation loop;\n const~~ animationLoop ~~= new SyncInitAnimationLoop~~(~~RenderLoopConstructor, deviceProps~~);\n\n // ~~Start~~ ~~the~~ ~~loop~~ ~~automatically~~\n // ~~animationLoop.start~~();\n~~\n return~~ ~~animationLoop~~;\n }\n~~}\n\n~~/* Instantiates the ~~RenderLoop~~ ~~once~~ ~~the~~ ~~device~~ is ~~created~~ */\nclass ~~SyncInitAnimationLoop~~ ~~extends~~ AnimationLoop {\n ~~RenderLoopConstructor:~~ ~~typeof RenderLoop;\n~~ renderLoop: RenderLoop \| null = null;\n\n ~~getInfo() {\n~~ // ~~@ts-ignore\n return~~ ~~this.RenderLoopConstructor.info~~;\n ~~}\n\n constructor(RenderLoopConstructor:~~ ~~typeof~~ ~~RenderLoop,~~ ~~deviceProps?:~~ ~~DeviceProps)~~ {\n ~~super({~~deviceProps~~});\~~n ~~this.RenderLoopConstructor = RenderLoopConstructor;\n }~~\n\n onInitialize(animationProps: AnimationProps) {\n // @ts-expect-error abstract to prevent instantiation\n ~~this.~~renderLoop = new ~~this.~~RenderLoopConstructor(animationProps);\n ~~}\n\n onRender(animationProps:~~ ~~AnimationProps)~~ {\n // ~~@ts-expect-error~~ ~~API~~ ~~still~~ ~~TBD~~\n ~~this.~~renderLoop?.~~onRender?.~~(animationProps);\n // ~~@ts-expect-error~~ ~~API still TBD~~\n ~~this.~~renderLoop?.~~frame?.~~(animationProps);\n }\n\n onFinalize(animationProps: AnimationProps) {\n // @ts-expect-error ~~API~~ ~~still~~ ~~TBD~~\n ~~this~~.~~renderLoop?.onFinalize?.~~(~~animationProps~~);\n // @ts-~~expect-error~~ ~~API~~ ~~still~~ ~~TBD~~\n ~~this~~.~~renderLoop?.destroy?.~~(~~animationProps~~);\n }\n}\n"],"file":"render-loop.js"}
1	+ {"version":3,"sources":["../../src/lib/render-loop.ts"],"names":["AnimationLoop","RenderLoop","constructor","animationProps","destroy","animationLoop","onInitialize","run","RenderLoopConstructor","deviceProps","renderLoop","onRender","onFinalize","getInfo","info"],"mappings":";AAEA,SAAQA,aAAR,QAA4B,kBAA5B;AAOA,OAAO,MAAeC,UAAf,CAA0B;AAI/BC,EAAAA,WAAW,CAACC,cAAD,EAAkC;AAAA;AAAE;;AAE/CC,EAAAA,OAAO,GAAS;AAAA;;AACd,gCAAKC,aAAL,4EAAoBD,OAApB;AACD;;AAEiB,QAAZE,YAAY,CAACH,cAAD,EAAmD;AAAE,WAAO,IAAP;AAAc;;AAK3E,SAAHI,GAAG,CAACC,qBAAD,EAA2CC,WAA3C,EAAqF;AAC7F,QAAIC,UAA6B,GAAG,IAApC;AAGA,UAAML,aAAa,GAAG,IAAIL,aAAJ,CAAkB;AACtCS,MAAAA,WADsC;;AAGtC,YAAMH,YAAN,CAAmBH,cAAnB,EAAqE;AAAA;;AAEnEO,QAAAA,UAAU,GAAG,IAAIF,qBAAJ,CAA0BL,cAA1B,CAAb;AACAO,QAAAA,UAAU,CAAEL,aAAZ,GAA4BA,aAA5B;AAEA,eAAO,sBAAMK,UAAN,gDAAM,YAAYJ,YAAZ,CAAyBH,cAAzB,CAAN,CAAP;AACD,OATqC;;AAWtCQ,MAAAA,QAAQ,CAACR,cAAD,EAAiC;AAAA;;AACvC,wBAAAO,UAAU,UAAV,oDAAYC,QAAZ,CAAqBR,cAArB;AACD,OAbqC;;AAetCS,MAAAA,UAAU,CAACT,cAAD,EAAiC;AAAA;;AACzC,wBAAAO,UAAU,UAAV,oDAAYE,UAAZ,CAAuBT,cAAvB;AACD;;AAjBqC,KAAlB,CAAtB;;AAqBAE,IAAAA,aAAa,CAACQ,OAAd,GAAwB,MAAM;AAE5B,aAAO,KAAKL,qBAAL,CAA2BM,IAAlC;AACD,KAHD;;AAQA,WAAOT,aAAP;AACD;;AAjD8B","sourcesContent":["import type {DeviceProps} from '@luma.gl/api';\nimport type {AnimationProps} from '../lib/animation-props';\nimport {AnimationLoop} from './animation-loop';\n\n/*\n Minimal animation loop that initializes models in constructor\n * Simplifying type management\n * v9 API\n /\nexport abstract class RenderLoop {\n\n animationLoop?: AnimationLoop;\n\n constructor(animationProps?: AnimationProps) {}\n\n destroy(): void {\n this.animationLoop?.destroy();\n }\n\n async onInitialize(animationProps: AnimationProps): Promise<unknown> { return null; }\n abstract onRender(animationProps: AnimationProps): unknown;\n abstract onFinalize(animationProps: AnimationProps): void;\n\n /* Instantiates and runs the render loop */\n static run(RenderLoopConstructor: typeof RenderLoop, deviceProps?: DeviceProps): AnimationLoop {\n let renderLoop: RenderLoop \| null = null;\n\n // Create an animation loop;\n const animationLoop = new AnimationLoop({\n deviceProps,\n\n async onInitialize(animationProps: AnimationProps): Promise<unknown> {\n // @ts-expect-error abstract to prevent instantiation\n renderLoop = new RenderLoopConstructor(animationProps);\n renderLoop!.animationLoop = animationLoop;\n // Any async loading can be handled here\n return await renderLoop?.onInitialize(animationProps);\n },\n \n onRender(animationProps: AnimationProps) {\n renderLoop?.onRender(animationProps);\n },\n \n onFinalize(animationProps: AnimationProps) {\n renderLoop?.onFinalize(animationProps);\n }\n });\n\n // @ts-expect-error Hack: adds info for the website to find\n animationLoop.getInfo = () => {\n // @ts-ignore\n return this.RenderLoopConstructor.info;\n }\n\n // Start the loop automatically\n // animationLoop.start();\n\n return animationLoop;\n }\n}\n"],"file":"render-loop.js"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@luma.gl/engine",
-  "version": "9.0.0-alpha.10",
+  "version": "9.0.0-alpha.11",
   "description": "WebGL2 Components for High Performance Rendering and Computation",
   "license": "MIT",
   "publishConfig": {
@@ -31,12 +31,12 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.0.0",
-    "@luma.gl/constants": "9.0.0-alpha.10",
-    "@luma.gl/shadertools": "9.0.0-alpha.10",
-    "@luma.gl/webgl": "9.0.0-alpha.10",
+    "@luma.gl/constants": "9.0.0-alpha.11",
+    "@luma.gl/shadertools": "9.0.0-alpha.11",
+    "@luma.gl/webgl": "9.0.0-alpha.11",
     "@math.gl/core": "^3.5.0",
     "@probe.gl/log": "^3.5.0",
     "@probe.gl/stats": "^3.5.2"
   },
-  "gitHead": "eaa912a3f1479a58e6b9915e905a9274e11d9c34"
+  "gitHead": "3a99f57970a609d50948851aec7a56d56685ab62"
 }

package/src/lib/animation-loop.ts CHANGED Viewed

@@ -1,3 +1,5 @@
+// luma.gl, MIT license
 import {luma, Device, DeviceProps} from '@luma.gl/api';
 import {requestAnimationFrame, cancelAnimationFrame} from '@luma.gl/api';
 import {Timeline} from '../animation/timeline';
@@ -15,8 +17,8 @@ type ContextProps = DeviceProps;
 export type AnimationLoopProps = {
   onCreateDevice?: (props: DeviceProps) => Promise<Device>;
   onAddHTML?: (div: HTMLDivElement) => string; // innerHTML
-  onInitialize?: (animationProps: AnimationProps) => void;
-  onRender?: (animationProps: AnimationProps) => void;
+  onInitialize?: (animationProps: AnimationProps) => Promise<unknown>;
+  onRender?: (animationProps: AnimationProps) => unknown;
   onFinalize?: (animationProps: AnimationProps) => void;
   onError?: (reason: Error) => void;
@@ -25,7 +27,6 @@ export type AnimationLoopProps = {
   stats?: Stats;
   // view parameters
-  debug?: boolean;
   autoResizeViewport?: boolean;
   autoResizeDrawingBuffer?: boolean;
   useDevicePixels?: number | boolean;
@@ -34,14 +35,13 @@ export type AnimationLoopProps = {
 const DEFAULT_ANIMATION_LOOP_PROPS: Required<AnimationLoopProps> = {
   onCreateDevice: (props: DeviceProps): Promise<Device> => luma.createDevice(props),
   onAddHTML: () => '',
-  onInitialize: () => ({}),
+  onInitialize: async () => { return null; },
   onRender: () => {},
   onFinalize: () => {},
   onError: (error) => console.error(error), // eslint-disable-line no-console
   device: null,
   deviceProps: {},
-  debug: false,
   stats: luma.stats.get(`animation-loop-${statIdCounter++}`),
   // view parameters
@@ -326,15 +326,15 @@ export class AnimationLoop {
   // Called on each frame, can be overridden to call onRender multiple times
   // to support e.g. stereoscopic rendering
-  _renderFrame(props: AnimationProps) {
+  _renderFrame(animationProps: AnimationProps) {
     // Allow e.g. VR display to render multiple frames.
     if (this.display) {
-      this.display._renderFrame(props);
+      this.display._renderFrame(animationProps);
       return;
     }
     // call callback
-    this.props.onRender(props);
+    this.props.onRender(this._getAnimationProps());
     // end callback
   }

package/src/lib/render-loop.ts CHANGED Viewed

@@ -8,12 +8,49 @@ import {AnimationLoop} from './animation-loop';
  * v9 API
  */
 export abstract class RenderLoop {
+  animationLoop?: AnimationLoop;
   constructor(animationProps?: AnimationProps) {}
+  destroy(): void {
+    this.animationLoop?.destroy();
+  }
+  async onInitialize(animationProps: AnimationProps): Promise<unknown> { return null; }
+  abstract onRender(animationProps: AnimationProps): unknown;
+  abstract onFinalize(animationProps: AnimationProps): void;
   /** Instantiates and runs the render loop */
   static run(RenderLoopConstructor: typeof RenderLoop, deviceProps?: DeviceProps): AnimationLoop {
+    let renderLoop: RenderLoop | null = null;
     // Create an animation loop;
-    const animationLoop = new SyncInitAnimationLoop(RenderLoopConstructor, deviceProps);
+    const animationLoop = new AnimationLoop({
+      deviceProps,
+      async onInitialize(animationProps: AnimationProps): Promise<unknown> {
+         // @ts-expect-error abstract to prevent instantiation
+        renderLoop = new RenderLoopConstructor(animationProps);
+        renderLoop!.animationLoop = animationLoop;
+        // Any async loading can be handled here
+        return await renderLoop?.onInitialize(animationProps);
+      },
+      onRender(animationProps: AnimationProps) {
+        renderLoop?.onRender(animationProps);
+      },
+      onFinalize(animationProps: AnimationProps) {
+        renderLoop?.onFinalize(animationProps);
+      }
+    });
+    // @ts-expect-error Hack: adds info for the website to find
+    animationLoop.getInfo = () => {
+      // @ts-ignore
+      return this.RenderLoopConstructor.info;
+    }
     // Start the loop automatically
     // animationLoop.start();
@@ -21,38 +58,3 @@ export abstract class RenderLoop {
     return animationLoop;
   }
 }
-/** Instantiates the RenderLoop once the device is created */
-class SyncInitAnimationLoop extends AnimationLoop {
-  RenderLoopConstructor: typeof RenderLoop;
-  renderLoop: RenderLoop | null = null;
-  getInfo() {
-    // @ts-ignore
-    return this.RenderLoopConstructor.info;
-  }
-  constructor(RenderLoopConstructor: typeof RenderLoop, deviceProps?: DeviceProps) {
-    super({deviceProps});
-    this.RenderLoopConstructor = RenderLoopConstructor;
-  }
-  onInitialize(animationProps: AnimationProps) {
-    // @ts-expect-error abstract to prevent instantiation
-    this.renderLoop = new this.RenderLoopConstructor(animationProps);
-  }
-  onRender(animationProps: AnimationProps) {
-    // @ts-expect-error API still TBD
-    this.renderLoop?.onRender?.(animationProps);
-    // @ts-expect-error API still TBD
-    this.renderLoop?.frame?.(animationProps);
-  }
-  onFinalize(animationProps: AnimationProps) {
-    // @ts-expect-error API still TBD
-    this.renderLoop?.onFinalize?.(animationProps);
-    // @ts-expect-error API still TBD
-    this.renderLoop?.destroy?.(animationProps);
-  }
-}