@luma.gl/test-utils 9.0.0-alpha.4 → 9.0.0-alpha.40

package/dist/engine/classic-animation-loop.js

@@ -0,0 +1,434 @@
+import { luma, log, requestAnimationFrame, cancelAnimationFrame } from '@luma.gl/core';
+import { isBrowser } from '@probe.gl/env';
+import { isWebGL, resetGLParameters } from '@luma.gl/webgl';
+const isPage = isBrowser() && typeof document !== 'undefined';
+function getHTMLCanvasElement(canvas) {
+  return typeof HTMLCanvasElement !== 'undefined' && canvas instanceof HTMLCanvasElement ? canvas : null;
+}
+let statIdCounter = 0;
+const DEFAULT_CLASSIC_ANIMATION_LOOP_PROPS = {
+  onCreateDevice: props => luma.createDevice(props),
+  onCreateContext: undefined,
+  onAddHTML: undefined,
+  onInitialize: () => ({}),
+  onRender: () => {},
+  onFinalize: () => {},
+  onError: error => console.error(error),
+  device: null,
+  useDevicePixels: true,
+  autoResizeViewport: true,
+  autoResizeDrawingBuffer: true,
+  stats: luma.stats.get(`animation-loop-${statIdCounter++}`),
+  gl: undefined,
+  glOptions: {},
+  createFramebuffer: false
+};
+export class ClassicAnimationLoop {
+  constructor() {
+    let props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    this.device = void 0;
+    this.canvas = void 0;
+    this.props = void 0;
+    this.animationProps = void 0;
+    this.timeline = null;
+    this.stats = void 0;
+    this.cpuTime = void 0;
+    this.gpuTime = void 0;
+    this.frameRate = void 0;
+    this.display = void 0;
+    this.needsRedraw = 'initialized';
+    this._initialized = false;
+    this._running = false;
+    this._animationFrameId = null;
+    this._pageLoadPromise = null;
+    this._nextFramePromise = null;
+    this._resolveNextFrame = null;
+    this._cpuStartTime = 0;
+    this.gl = void 0;
+    this.props = {
+      ...DEFAULT_CLASSIC_ANIMATION_LOOP_PROPS,
+      ...props
+    };
+    props = this.props;
+    let {
+      useDevicePixels = true
+    } = this.props;
+    if ('useDevicePixelRatio' in props) {
+      log.deprecated('useDevicePixelRatio', 'useDevicePixels')();
+      useDevicePixels = props.useDevicePixelRatio;
+    }
+    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');
+    this.frameRate = this.stats.get('Frame Rate');
+    this.setProps({
+      autoResizeViewport: props.autoResizeViewport,
+      autoResizeDrawingBuffer: props.autoResizeDrawingBuffer,
+      useDevicePixels
+    });
+    this.start = this.start.bind(this);
+    this.stop = this.stop.bind(this);
+    this._onMousemove = this._onMousemove.bind(this);
+    this._onMouseleave = this._onMouseleave.bind(this);
+  }
+  destroy() {
+    this.stop();
+    this._setDisplay(null);
+  }
+  delete() {
+    this.destroy();
+  }
+  setNeedsRedraw(reason) {
+    this.needsRedraw = this.needsRedraw || reason;
+    return this;
+  }
+  setProps(props) {
+    if ('autoResizeViewport' in props) {
+      this.props.autoResizeViewport = props.autoResizeViewport;
+    }
+    if ('autoResizeDrawingBuffer' in props) {
+      this.props.autoResizeDrawingBuffer = props.autoResizeDrawingBuffer;
+    }
+    if ('useDevicePixels' in props) {
+      this.props.useDevicePixels = props.useDevicePixels;
+    }
+    return this;
+  }
+  start() {
+    let opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    this._start(opts);
+    return this;
+  }
+  async _start(props) {
+    if (this._running) {
+      return this;
+    }
+    this._running = true;
+    try {
+      await this._getPageLoadPromise();
+      if (!this._running) {
+        return null;
+      }
+      let appContext;
+      if (!this._initialized) {
+        this._initialized = true;
+        await this._createDevice(props);
+        this._initialize(props);
+        appContext = await this.onInitialize(this.animationProps);
+        this._addCallbackData(appContext || {});
+      }
+      if (!this._running) {
+        return null;
+      }
+      if (appContext !== false) {
+        this._cancelAnimationFrame();
+        this._requestAnimationFrame();
+      }
+      return this;
+    } catch (error) {
+      this.props.onError(error);
+      return null;
+    }
+  }
+  redraw() {
+    if (this.isContextLost()) {
+      return this;
+    }
+    this._beginTimers();
+    this._setupFrame();
+    this._updateCallbackData();
+    this._renderFrame(this.animationProps);
+    this._clearNeedsRedraw();
+    if (this._resolveNextFrame) {
+      this._resolveNextFrame(this);
+      this._nextFramePromise = null;
+      this._resolveNextFrame = null;
+    }
+    this._endTimers();
+    return this;
+  }
+  stop() {
+    if (this._running) {
+      this._finalizeCallbackData();
+      this._cancelAnimationFrame();
+      this._nextFramePromise = null;
+      this._resolveNextFrame = null;
+      this._running = false;
+    }
+    return this;
+  }
+  attachTimeline(timeline) {
+    this.timeline = timeline;
+    return this.timeline;
+  }
+  detachTimeline() {
+    this.timeline = null;
+  }
+  waitForRender() {
+    this.setNeedsRedraw('waitForRender');
+    if (!this._nextFramePromise) {
+      this._nextFramePromise = new Promise(resolve => {
+        this._resolveNextFrame = resolve;
+      });
+    }
+    return this._nextFramePromise;
+  }
+  async toDataURL() {
+    var _getHTMLCanvasElement;
+    this.setNeedsRedraw('toDataURL');
+    await this.waitForRender();
+    return (_getHTMLCanvasElement = getHTMLCanvasElement(this.gl.canvas)) === null || _getHTMLCanvasElement === void 0 ? void 0 : _getHTMLCanvasElement.toDataURL();
+  }
+  isContextLost() {
+    return this.gl.isContextLost();
+  }
+  onCreateDevice(deviceProps) {
+    const {
+      onCreateDevice
+    } = this.props;
+    return onCreateDevice(deviceProps);
+  }
+  onInitialize(animationProps) {
+    const {
+      onInitialize
+    } = this.props;
+    return onInitialize(animationProps);
+  }
+  onRender(animationProps) {
+    const {
+      onRender
+    } = this.props;
+    return onRender(animationProps);
+  }
+  onFinalize(animationProps) {
+    const {
+      onFinalize
+    } = this.props;
+    return onFinalize(animationProps);
+  }
+  onCreateContext(props) {
+    const {
+      onCreateContext
+    } = this.props;
+    return onCreateContext(props);
+  }
+  getHTMLControlValue(id) {
+    let defaultValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+    const element = document.getElementById(id);
+    return element ? Number(element.value) : defaultValue;
+  }
+  _initialize(props) {
+    this._createFramebuffer();
+    this._startEventHandling();
+    this._initializeCallbackData();
+    this._updateCallbackData();
+    this._resizeCanvasDrawingBuffer();
+    this._resizeViewport();
+  }
+  _getPageLoadPromise() {
+    if (!this._pageLoadPromise) {
+      this._pageLoadPromise = isPage ? new Promise((resolve, reject) => {
+        if (isPage && document.readyState === 'complete') {
+          resolve(document);
+          return;
+        }
+        window.addEventListener('load', () => {
+          resolve(document);
+        });
+      }) : Promise.resolve({});
+    }
+    return this._pageLoadPromise;
+  }
+  _setDisplay(display) {
+    if (this.display) {
+      this.display.destroy();
+      this.display.animationLoop = null;
+    }
+    if (display) {
+      display.animationLoop = this;
+    }
+    this.display = display;
+  }
+  _requestAnimationFrame() {
+    if (!this._running) {
+      return;
+    }
+    this._animationFrameId = requestAnimationFrame(this._animationFrame.bind(this));
+  }
+  _cancelAnimationFrame() {
+    if (this._animationFrameId !== null) {
+      return;
+    }
+    cancelAnimationFrame(this._animationFrameId);
+    this._animationFrameId = null;
+  }
+  _animationFrame() {
+    if (!this._running) {
+      return;
+    }
+    this.redraw();
+    this._requestAnimationFrame();
+  }
+  _renderFrame(props) {
+    if (this.display) {
+      this.display._renderFrame(props);
+      return;
+    }
+    this.onRender(props);
+  }
+  _clearNeedsRedraw() {
+    this.needsRedraw = null;
+  }
+  _setupFrame() {
+    this._resizeCanvasDrawingBuffer();
+    this._resizeViewport();
+    this._resizeFramebuffer();
+  }
+  _initializeCallbackData() {
+    this.animationProps = {
+      device: this.device,
+      gl: this.gl,
+      stop: this.stop,
+      canvas: this.gl.canvas,
+      useDevicePixels: this.props.useDevicePixels,
+      needsRedraw: null,
+      startTime: Date.now(),
+      engineTime: 0,
+      tick: 0,
+      tock: 0,
+      timeline: this.timeline,
+      animationLoop: this,
+      time: 0,
+      _mousePosition: null,
+      _timeline: this.timeline,
+      _loop: this,
+      _animationLoop: this
+    };
+  }
+  _updateCallbackData() {
+    const {
+      width,
+      height,
+      aspect
+    } = this._getSizeAndAspect();
+    if (width !== this.animationProps.width || height !== this.animationProps.height) {
+      this.setNeedsRedraw('drawing buffer resized');
+    }
+    if (aspect !== this.animationProps.aspect) {
+      this.setNeedsRedraw('drawing buffer aspect changed');
+    }
+    this.animationProps.width = width;
+    this.animationProps.height = height;
+    this.animationProps.aspect = aspect;
+    this.animationProps.needsRedraw = this.needsRedraw;
+    this.animationProps.engineTime = Date.now() - this.animationProps.startTime;
+    if (this.timeline) {
+      this.timeline.update(this.animationProps.engineTime);
+    }
+    this.animationProps.tick = Math.floor(this.animationProps.time / 1000 * 60);
+    this.animationProps.tock++;
+    this.animationProps.time = this.timeline ? this.timeline.getTime() : this.animationProps.engineTime;
+  }
+  _finalizeCallbackData() {
+    this.onFinalize(this.animationProps);
+  }
+  _addCallbackData(appContext) {
+    if (typeof appContext === 'object' && appContext !== null) {
+      this.animationProps = Object.assign({}, this.animationProps, appContext);
+    }
+  }
+  async _createDevice(props) {
+    const deviceProps = {
+      ...this.props,
+      ...props,
+      ...this.props.glOptions
+    };
+    this.device = await this.onCreateDevice(deviceProps);
+    this.gl = this.device.gl;
+    if (!isWebGL(this.gl)) {
+      throw new Error('ClassicAnimationLoop.onCreateContext - illegal context returned');
+    }
+    resetGLParameters(this.gl);
+    this._createInfoDiv();
+  }
+  _createInfoDiv() {
+    const canvas = getHTMLCanvasElement(this.gl.canvas);
+    if (canvas && this.props.onAddHTML) {
+      const wrapperDiv = document.createElement('div');
+      document.body.appendChild(wrapperDiv);
+      wrapperDiv.style.position = 'relative';
+      const div = document.createElement('div');
+      div.style.position = 'absolute';
+      div.style.left = '10px';
+      div.style.bottom = '10px';
+      div.style.width = '300px';
+      div.style.background = 'white';
+      if (canvas) {
+        wrapperDiv.appendChild(canvas);
+      }
+      wrapperDiv.appendChild(div);
+      const html = this.props.onAddHTML(div);
+      if (html) {
+        div.innerHTML = html;
+      }
+    }
+  }
+  _getSizeAndAspect() {
+    const width = this.gl.drawingBufferWidth;
+    const height = this.gl.drawingBufferHeight;
+    let aspect = 1;
+    const canvas = getHTMLCanvasElement(this.gl.canvas);
+    if (canvas && canvas.clientHeight) {
+      aspect = canvas.clientWidth / canvas.clientHeight;
+    } else if (width > 0 && height > 0) {
+      aspect = width / height;
+    }
+    return {
+      width,
+      height,
+      aspect
+    };
+  }
+  _resizeViewport() {
+    if (this.props.autoResizeViewport) {
+      this.gl.viewport(0, 0, this.gl.drawingBufferWidth, this.gl.drawingBufferHeight);
+    }
+  }
+  _resizeCanvasDrawingBuffer() {
+    if (this.props.autoResizeDrawingBuffer) {
+      this.device.canvasContext.resize({
+        useDevicePixels: this.props.useDevicePixels
+      });
+    }
+  }
+  _beginTimers() {
+    this.frameRate.timeEnd();
+    this.frameRate.timeStart();
+    this.cpuTime.timeStart();
+  }
+  _endTimers() {
+    this.cpuTime.timeEnd();
+  }
+  _startEventHandling() {
+    const {
+      canvas
+    } = this.gl;
+    if (canvas) {
+      canvas.addEventListener('mousemove', this._onMousemove);
+      canvas.addEventListener('mouseleave', this._onMouseleave);
+    }
+  }
+  _onMousemove(e) {
+    this.animationProps._mousePosition = [e.offsetX, e.offsetY];
+  }
+  _onMouseleave(e) {
+    this.animationProps._mousePosition = null;
+  }
+  _createFramebuffer() {
+    if (this.props.createFramebuffer) {}
+  }
+  _resizeFramebuffer() {}
+}
+//# sourceMappingURL=classic-animation-loop.js.map

package/dist/engine/classic-animation-loop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classic-animation-loop.js","names":["luma","log","requestAnimationFrame","cancelAnimationFrame","isBrowser","isWebGL","resetGLParameters","isPage","document","getHTMLCanvasElement","canvas","HTMLCanvasElement","statIdCounter","DEFAULT_CLASSIC_ANIMATION_LOOP_PROPS","onCreateDevice","props","createDevice","onCreateContext","undefined","onAddHTML","onInitialize","onRender","onFinalize","onError","error","console","device","useDevicePixels","autoResizeViewport","autoResizeDrawingBuffer","stats","get","gl","glOptions","createFramebuffer","ClassicAnimationLoop","constructor","arguments","length","animationProps","timeline","cpuTime","gpuTime","frameRate","display","needsRedraw","_initialized","_running","_animationFrameId","_pageLoadPromise","_nextFramePromise","_resolveNextFrame","_cpuStartTime","deprecated","useDevicePixelRatio","setProps","start","bind","stop","_onMousemove","_onMouseleave","destroy","_setDisplay","delete","setNeedsRedraw","reason","opts","_start","_getPageLoadPromise","appContext","_createDevice","_initialize","_addCallbackData","_cancelAnimationFrame","_requestAnimationFrame","redraw","isContextLost","_beginTimers","_setupFrame","_updateCallbackData","_renderFrame","_clearNeedsRedraw","_endTimers","_finalizeCallbackData","attachTimeline","detachTimeline","waitForRender","Promise","resolve","toDataURL","_getHTMLCanvasElement","deviceProps","getHTMLControlValue","id","defaultValue","element","getElementById","Number","value","_createFramebuffer","_startEventHandling","_initializeCallbackData","_resizeCanvasDrawingBuffer","_resizeViewport","reject","readyState","window","addEventListener","animationLoop","_animationFrame","_resizeFramebuffer","startTime","Date","now","engineTime","tick","tock","time","_mousePosition","_timeline","_loop","_animationLoop","width","height","aspect","_getSizeAndAspect","update","Math","floor","getTime","Object","assign","Error","_createInfoDiv","wrapperDiv","createElement","body","appendChild","style","position","div","left","bottom","background","html","innerHTML","drawingBufferWidth","drawingBufferHeight","clientHeight","clientWidth","viewport","canvasContext","resize","timeEnd","timeStart","e","offsetX","offsetY"],"sources":["../../src/engine/classic-animation-loop.ts"],"sourcesContent":["// TODO - replace createGLContext, instrumentGLContext, resizeGLContext?\n// TODO - remove dependency on framebuffer (bundle size impact)\nimport {\n  luma,\n  Device,\n  DeviceProps,\n  log,\n  requestAnimationFrame,\n  cancelAnimationFrame\n} from '@luma.gl/core';\nimport {Timeline, AnimationProps} from '@luma.gl/engine';\nimport {Stats, Stat} from '@probe.gl/stats';\nimport {isBrowser} from '@probe.gl/env';\n\nimport {isWebGL, resetGLParameters} from '@luma.gl/webgl';\n// import {default as Query} from '../classic/query';\n// import {ClassicFramebuffer} from '../classic/framebuffer';\n\ntype ContextProps = DeviceProps;\n\nconst isPage = isBrowser() && typeof document !== 'undefined';\nfunction getHTMLCanvasElement(\n  canvas: HTMLCanvasElement | OffscreenCanvas\n): HTMLCanvasElement | null {\n  return typeof HTMLCanvasElement !== 'undefined' && canvas instanceof HTMLCanvasElement\n    ? canvas\n    : null;\n}\n\nlet statIdCounter = 0;\n\n/**\n * Classic Animation Props.\n * Contain a number of deprecated fields\n * @deprecated Use new AnimationLoop in `@luma.gl/engine`\n */\nexport type ClassicAnimationProps = AnimationProps & {\n  animationLoop: ClassicAnimationLoop;\n\n  /** @deprecated Use .device */\n  stop: () => ClassicAnimationLoop;\n\n  /** @deprecated Use .device */\n  gl: WebGLRenderingContext;\n  /** @deprecated Will be removed */\n  framebuffer: unknown;\n\n  /** @deprecated Use .timeline */\n  _timeline: Timeline;\n  /** @deprecated Use .animationLoop */\n  _loop: ClassicAnimationLoop;\n  /** @deprecated Use .animationLoop */\n  _animationLoop: ClassicAnimationLoop;\n};\n\n/** ClassicAnimationLoop properties */\nexport type ClassicAnimationLoopProps = {\n  onCreateDevice?: (props: DeviceProps) => Promise<Device>;\n  onCreateContext?: (props: ContextProps) => WebGLRenderingContext; // TODO: signature from createGLContext\n  onAddHTML?: (div: HTMLDivElement) => string; // innerHTML\n  onInitialize?: (animationProps: ClassicAnimationProps) => {} | void | Promise<{} | void>;\n  onRender?: (animationProps: ClassicAnimationProps) => void;\n  onFinalize?: (animationProps: ClassicAnimationProps) => void;\n  onError?: (reason: any) => void;\n\n  stats?: Stats;\n\n  device?: Device;\n  glOptions?: ContextProps; // createGLContext options\n  // debug?: boolean;\n\n  // view parameters\n  autoResizeViewport?: boolean;\n  autoResizeDrawingBuffer?: boolean;\n  useDevicePixels?: number | boolean;\n\n  /** @deprecated Use .device */\n  gl?: WebGLRenderingContext | null;\n  /** @deprecated Will be removed */\n  createFramebuffer?: boolean;\n};\n\nconst DEFAULT_CLASSIC_ANIMATION_LOOP_PROPS: Required<ClassicAnimationLoopProps> = {\n  onCreateDevice: (props: DeviceProps) => luma.createDevice(props),\n  onCreateContext: undefined,\n  onAddHTML: undefined,\n  onInitialize: () => ({}),\n  onRender: () => {},\n  onFinalize: () => {},\n  onError: (error) => console.error(error), // eslint-disable-line no-console\n\n  device: null,\n  // debug: true,\n\n  // view parameters\n  useDevicePixels: true,\n  autoResizeViewport: true,\n  autoResizeDrawingBuffer: true,\n  stats: luma.stats.get(`animation-loop-${statIdCounter++}`),\n\n  // deprecated\n  // onCreateContext: (opts) => createGLContext(opts),\n  gl: undefined,\n  glOptions: {},\n  createFramebuffer: false\n};\n\n/**\n * Convenient animation loop\n * @deprecated Use `@luma.gl/engine` AnimationLoop\n */\nexport class ClassicAnimationLoop {\n  device: Device;\n  canvas?: HTMLCanvasElement | OffscreenCanvas;\n\n  props: Required<ClassicAnimationLoopProps>;\n  animationProps: ClassicAnimationProps;\n  // framebuffer: ClassicFramebuffer = null;\n  timeline: Timeline = null;\n  stats: Stats;\n  cpuTime: Stat;\n  gpuTime: Stat;\n  frameRate: Stat;\n\n  display: any;\n\n  needsRedraw: string | null = 'initialized';\n\n  _initialized: boolean = false;\n  _running: boolean = false;\n  _animationFrameId: any = null;\n  _pageLoadPromise: Promise<{}> | null = null;\n  _nextFramePromise: Promise<ClassicAnimationLoop> | null = null;\n  _resolveNextFrame: ((loop: ClassicAnimationLoop) => void) | null = null;\n  _cpuStartTime: number = 0;\n\n  // _gpuTimeQuery: Query | null = null;\n\n  /** @deprecated */\n  gl: WebGLRenderingContext;\n\n  /*\n   */\n  constructor(props: ClassicAnimationLoopProps = {}) {\n    this.props = {...DEFAULT_CLASSIC_ANIMATION_LOOP_PROPS, ...props};\n    props = this.props;\n\n    let {useDevicePixels = true} = this.props;\n\n    if ('useDevicePixelRatio' in props) {\n      log.deprecated('useDevicePixelRatio', 'useDevicePixels')();\n      // @ts-expect-error\n      useDevicePixels = props.useDevicePixelRatio;\n    }\n\n    // state\n    this.device = props.device;\n    // @ts-expect-error\n    this.gl = (this.device && this.device.gl) || props.gl;\n\n    this.stats = props.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  setProps(props: ClassicAnimationLoopProps): this {\n    if ('autoResizeViewport' in props) {\n      this.props.autoResizeViewport = props.autoResizeViewport;\n    }\n    if ('autoResizeDrawingBuffer' in props) {\n      this.props.autoResizeDrawingBuffer = props.autoResizeDrawingBuffer;\n    }\n    if ('useDevicePixels' in props) {\n      this.props.useDevicePixels = props.useDevicePixels;\n    }\n    return this;\n  }\n\n  start(opts = {}) {\n    this._start(opts);\n    return this;\n  }\n\n  /** Starts a render loop if not already running */\n  async _start(props) {\n    if (this._running) {\n      return this;\n    }\n    this._running = true;\n\n    // console.debug(`Starting ${this.constructor.name}`);\n    // Wait for start promise before rendering frame\n    try {\n      await this._getPageLoadPromise();\n\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(props);\n        this._initialize(props);\n\n        // Note: onIntialize can return a promise (in case app needs to load resources)\n        // eslint-disable-next-line  @typescript-eslint/await-thenable\n        appContext = await this.onInitialize(this.animationProps);\n        this._addCallbackData(appContext || {});\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 (error) {\n      this.props.onError(error);\n      // this._running = false; // TODO\n      return null;\n    }\n  }\n\n  /** Explicitly draw a frame */\n  redraw(): this {\n    if (this.isContextLost()) {\n      return this;\n    }\n\n    this._beginTimers();\n\n    this._setupFrame();\n    this._updateCallbackData();\n\n    this._renderFrame(this.animationProps);\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      this._finalizeCallbackData();\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<ClassicAnimationLoop> {\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() {\n    this.setNeedsRedraw('toDataURL');\n\n    await this.waitForRender();\n\n    return getHTMLCanvasElement(this.gl.canvas)?.toDataURL();\n  }\n\n  isContextLost(): boolean {\n    return this.gl.isContextLost();\n  }\n\n  onCreateDevice(deviceProps: DeviceProps): Promise<Device> {\n    const {onCreateDevice} = this.props;\n    return onCreateDevice(deviceProps);\n  }\n\n  onInitialize(animationProps: ClassicAnimationProps): {} | void {\n    const {onInitialize} = this.props;\n    return onInitialize(animationProps);\n  }\n\n  onRender(animationProps: ClassicAnimationProps) {\n    const {onRender} = this.props;\n    return onRender(animationProps);\n  }\n\n  onFinalize(animationProps: ClassicAnimationProps) {\n    const {onFinalize} = this.props;\n    return onFinalize(animationProps);\n  }\n\n  // DEPRECATED/REMOVED METHODS\n\n  /** @deprecated Use .onCreateDevice() */\n  onCreateContext(props: ContextProps) {\n    const {onCreateContext} = this.props;\n    return onCreateContext(props);\n  }\n\n  /** @deprecated */\n  getHTMLControlValue(id, defaultValue = 1) {\n    const element = document.getElementById(id);\n    // @ts-expect-error Not all html elements have value\n    return element ? Number(element.value) : defaultValue;\n  }\n\n  // PRIVATE METHODS\n\n  _initialize(props: ClassicAnimationLoopProps) {\n    this._createFramebuffer();\n    this._startEventHandling();\n\n    // Initialize the callback data\n    this._initializeCallbackData();\n    this._updateCallbackData();\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  _getPageLoadPromise() {\n    if (!this._pageLoadPromise) {\n      this._pageLoadPromise = isPage\n        ? new Promise((resolve, reject) => {\n          if (isPage && document.readyState === 'complete') {\n            resolve(document);\n            return;\n          }\n          window.addEventListener('load', () => {\n            resolve(document);\n          });\n        })\n        : Promise.resolve({});\n    }\n    return this._pageLoadPromise;\n  }\n\n  _setDisplay(display: any) {\n    if (this.display) {\n      this.display.destroy();\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: ClassicAnimationProps) {\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.onRender(props);\n    // end callback\n  }\n\n  _clearNeedsRedraw() {\n    this.needsRedraw = null;\n  }\n\n  _setupFrame() {\n    this._resizeCanvasDrawingBuffer();\n    this._resizeViewport();\n    this._resizeFramebuffer();\n  }\n\n  /* eslint-disable @typescript-eslint/unbound-method */\n\n  // Initialize the  object that will be passed to app callbacks\n  _initializeCallbackData() {\n    this.animationProps = {\n      device: this.device,\n      gl: this.gl,\n\n      stop: this.stop,\n      canvas: this.gl.canvas,\n\n      // Initial values\n      useDevicePixels: this.props.useDevicePixels,\n      needsRedraw: null,\n\n      // Animation props\n      startTime: Date.now(),\n      engineTime: 0,\n      tick: 0,\n      tock: 0,\n\n      timeline: this.timeline,\n      // @ts-ignore\n      animationLoop: this,\n\n      // Timeline time for back compatibility\n      time: 0,\n\n      // Experimental\n      _mousePosition: null, // Event props\n\n      /** @deprecated */\n      // framebuffer: this.framebuffer,\n      /** @deprecated */\n      _timeline: this.timeline,\n      /** @deprecated */\n      _loop: this,\n      /** @deprecated */\n      _animationLoop: this\n    };\n  }\n\n  // Update the context object that will be passed to app callbacks\n  _updateCallbackData() {\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  _finalizeCallbackData() {\n    // call callback\n    this.onFinalize(this.animationProps);\n    // end callback\n  }\n\n  /** Add application's data to the app context object */\n  _addCallbackData(appContext) {\n    if (typeof appContext === 'object' && appContext !== null) {\n      this.animationProps = Object.assign({}, this.animationProps, appContext);\n    }\n  }\n\n  /** Either uses supplied or existing context, or calls provided callback to create one */\n  async _createDevice(props: DeviceProps) {\n    const deviceProps = {...this.props, ...props, ...this.props.glOptions};\n\n    // TODO - support this.onCreateContext\n    // Create the WebGL context if necessary\n    // this.gl = this.props.gl ? instrumentGLContext(this.props.gl, deviceProps) : this.onCreateContext(deviceProps);\n\n    this.device = await this.onCreateDevice(deviceProps);\n    // @ts-expect-error\n    this.gl = this.device.gl;\n\n    if (!isWebGL(this.gl)) {\n      throw new Error('ClassicAnimationLoop.onCreateContext - illegal context returned');\n    }\n\n    // Reset the WebGL context.\n    resetGLParameters(this.gl);\n\n    this._createInfoDiv();\n  }\n\n  _createInfoDiv() {\n    const canvas = getHTMLCanvasElement(this.gl.canvas)\n    if (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 (canvas) {\n        wrapperDiv.appendChild(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() {\n    // https://webglfundamentals.org/webgl/lessons/webgl-resizing-the-canvas.html\n    const width = this.gl.drawingBufferWidth;\n    const height = this.gl.drawingBufferHeight;\n\n    // https://webglfundamentals.org/webgl/lessons/webgl-anti-patterns.html\n    let aspect = 1;\n\n    const canvas = getHTMLCanvasElement(this.gl.canvas);\n    if (canvas && canvas.clientHeight) {\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    if (this.props.autoResizeViewport) {\n      this.gl.viewport(0, 0, this.gl.drawingBufferWidth, this.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    const {canvas} = this.gl;\n    if (canvas) {\n      canvas.addEventListener('mousemove', this._onMousemove);\n      canvas.addEventListener('mouseleave', this._onMouseleave);\n    }\n  }\n\n  _onMousemove(e) {\n    this.animationProps._mousePosition = [e.offsetX, e.offsetY];\n  }\n  _onMouseleave(e) {\n    this.animationProps._mousePosition = null;\n  }\n\n  // Deprecated\n\n  /** @deprecated */\n  _createFramebuffer() {\n    // Setup default framebuffer\n    if (this.props.createFramebuffer) {\n      // this.framebuffer = new ClassicFramebuffer(this.gl);\n    }\n  }\n\n  /** @deprecated */\n  _resizeFramebuffer() {\n    // if (this.framebuffer) {\n    //   this.framebuffer.resize({\n    //     width: this.gl.drawingBufferWidth,\n    //     height: this.gl.drawingBufferHeight\n    //   });\n    // }\n  }\n}\n"],"mappings":"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"}