feat: layer compositor now obey's device pixel ratio.

bhouston · Sep 9, 2020 · 421519f · 421519f
1 parent 6216a51
commit 421519f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/lib/engines/layerCompositor/LayerCompositor.ts b/src/lib/engines/layerCompositor/LayerCompositor.ts
@@ -85,6 +85,8 @@ export class LayerCompositor {
       premultipliedAlpha: true,
       stencil: false,
     });
+    this.context.canvasFramebuffer.devicePixelRatio = window.devicePixelRatio;
+    this.context.canvasFramebuffer.resize();
     const plane = planeGeometry(1, 1, 1, 1);
     transformGeometry(plane, makeMatrix4Translation(new Vector3(0.5, 0.5, 0.0)));
     this.#bufferGeometry = makeBufferGeometryFromGeometry(this.context, plane);

diff --git a/src/lib/renderers/webgl/framebuffers/CanvasFramebuffer.ts b/src/lib/renderers/webgl/framebuffers/CanvasFramebuffer.ts
@@ -11,8 +11,8 @@ import { VirtualFramebuffer } from "./VirtualFramebuffer";
 
 export class CanvasFramebuffer extends VirtualFramebuffer {
   public readonly canvas: HTMLCanvasElement | OffscreenCanvas;
-  devicePixelRatio = 1.0;
   public autoLayoutMode = true;
+  public devicePixelRatio = 1.0;
 
   constructor(context: RenderingContext) {
     super(context);