chore(driver): pixel ratio

atty303 · May 26, 2024 · e09cf99 · e09cf99
1 parent 491e662
commit e09cf99
Show file tree

Hide file tree

Showing 6 changed files with 13 additions and 7 deletions.
diff --git a/packages/driver/src/js/driver.ts b/packages/driver/src/js/driver.ts
@@ -76,8 +76,9 @@ export class Driver {
 
     this.resizeObserver = new ResizeObserver((entries) => {
       for (const entry of entries) {
+        const pixelRatio = document.defaultView?.devicePixelRatio ?? 1;
         const { width, height } = entry.contentRect;
-        this.driverWorker?.resize({ width, height });
+        this.driverWorker?.resize({ width, height, pixelRatio });
       }
     });
     this.resizeObserver.observe(root);

diff --git a/packages/driver/src/js/logger.ts b/packages/driver/src/js/logger.ts
@@ -151,6 +151,7 @@ export const log = new Log().init(
   {
     kvfs: "INFO",
     subscript: "INFO",
+    backend: "DEBUG",
   },
   (level, tag, msg, params) => {
     logger[level as keyof typeof logger](tag, msg, params);

diff --git a/packages/driver/src/js/renderer/renderer.ts b/packages/driver/src/js/renderer/renderer.ts
@@ -44,9 +44,9 @@ export class Renderer {
     this.screenSize = screenSize;
   }
 
-  resize(screenSize: { width: number; height: number }) {
+  resize(screenSize: { width: number; height: number; pixelRatio: number }) {
     this.screenSize = screenSize;
-    this.backend?.resize(screenSize.width, screenSize.height);
+    this.backend?.resize(screenSize.width, screenSize.height, screenSize.pixelRatio);
   }
 
   render(view: DataView) {

diff --git a/packages/driver/src/js/renderer/webgl_backend.ts b/packages/driver/src/js/renderer/webgl_backend.ts
@@ -1,4 +1,5 @@
 import { TextureFlags } from "../image.ts";
+import { log, tag } from "../logger.ts";
 import type { TextureBitmap } from "./renderer.ts";
 
 const vertexShaderSource = `#version 100
@@ -188,6 +189,7 @@ export class WebGL1Backend {
 
   private readonly textures: Map<string, WebGLTexture> = new Map();
   private viewport: number[] = [];
+  private pixelRatio = 1;
   private vertices: VertexBuffer = new VertexBuffer();
   private drawCount = 0;
   private readonly vbo: WebGLBuffer;
@@ -265,10 +267,12 @@ export class WebGL1Backend {
     this.setViewport(0, 0, canvas.width, canvas.height);
   }
 
-  resize(width: number, height: number) {
+  resize(width: number, height: number, pixelRatio: number) {
     this._canvas.width = width;
     this._canvas.height = height;
+    this.pixelRatio = pixelRatio;
     this.setViewport(0, 0, width, height);
+    log.debug(tag.backend, `resize: ${width}x${height}(x${pixelRatio})`);
   }
 
   setViewport(x: number, y: number, width: number, height: number) {

diff --git a/packages/driver/src/js/worker.ts b/packages/driver/src/js/worker.ts
@@ -103,9 +103,10 @@ export class DriverWorker {
   private textMetrics: TextMetrics | undefined;
   private textRasterizer: TextRasterizer | undefined;
   private renderer: Renderer | undefined;
-  private screenSize: { width: number; height: number } = {
+  private screenSize: { width: number; height: number; pixelRatio: number } = {
     width: 800,
     height: 600,
+    pixelRatio: 1,
   };
   private uiState: UIState = {
     x: 0,
@@ -207,7 +208,7 @@ export class DriverWorker {
     }
   }
 
-  resize(size: { width: number; height: number }) {
+  resize(size: { width: number; height: number; pixelRatio: number }) {
     this.screenSize = size;
     this.renderer?.resize(size);
     this.invalidate();

diff --git a/packages/driver/tsconfig.json b/packages/driver/tsconfig.json
@@ -13,7 +13,6 @@
     "noEmit": true,
 
     "strict": true,
-    "noUnusedLocals": true,
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true
   },