@luma.gl/core 9.2.0-alpha.5 → 9.2.0-alpha.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luma.gl/core",
-  "version": "9.2.0-alpha.5",
+  "version": "9.2.0-alpha.6",
   "description": "The luma.gl core Device API",
   "license": "MIT",
   "type": "module",
@@ -46,5 +46,5 @@
     "@probe.gl/stats": "^4.0.8",
     "@types/offscreencanvas": "^2019.6.4"
   },
-  "gitHead": "bf8346ab62619ec2c3e0b6dd54be3142328c6377"
+  "gitHead": "63fe3fd0912c83f7c4a012016c57048a250b591f"
 }

package/src/adapter/canvas-context.ts

@@ -35,6 +35,11 @@ export type CanvasContextProps = {
   trackPosition?: boolean;
 };
 
+export type MutableCanvasContextProps = {
+  /** Whether to size the drawing buffer to the pixel size during auto resize. If a number is provided it is used as a static pixel ratio */
+  useDevicePixels?: boolean | number;
+};
+
 /**
  * Manages a canvas. Supports both HTML or offscreen canvas
  * - Creates a new canvas or looks up a canvas from the DOM
@@ -186,6 +191,14 @@ export abstract class CanvasContext {
     this.destroyed = true;
   }
 
+  setProps(props: MutableCanvasContextProps): this {
+    if ('useDevicePixels' in props) {
+      this.props.useDevicePixels = props.useDevicePixels || false;
+      this._updateDrawingBufferSize();
+    }
+    return this;
+  }
+
   /** Returns a framebuffer with properly resized current 'swap chain' textures */
   abstract getCurrentFramebuffer(options?: {
     depthStencilFormat?: TextureFormatDepthStencil | false;
@@ -360,6 +373,13 @@ export abstract class CanvasContext {
     this.devicePixelWidth = Math.max(1, Math.min(devicePixelWidth, maxDevicePixelWidth));
     this.devicePixelHeight = Math.max(1, Math.min(devicePixelHeight, maxDevicePixelHeight));
 
+    this._updateDrawingBufferSize();
+
+    // Inform the device
+    this.device.props.onResize(this, {oldPixelSize});
+  }
+
+  protected _updateDrawingBufferSize() {
     // Update the canvas drawing buffer size
     if (this.props.autoResize) {
       if (typeof this.props.useDevicePixels === 'number') {
@@ -380,9 +400,6 @@ export abstract class CanvasContext {
     this.isInitialized = true;
 
     this.updatePosition();
-
-    // Inform the device
-    this.device.props.onResize(this, {oldPixelSize});
   }
 
   /** Monitor DPR changes */