fix: realtime animation dpi

Hk-Gosuto · Jan 8, 2025 · 684d1e2 · 684d1e2
1 parent 98b463b
commit 684d1e2
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/app/components/openai-voice-visualizer/openai-voice-visualizer.tsx b/app/components/openai-voice-visualizer/openai-voice-visualizer.tsx
@@ -228,8 +228,9 @@ export function OpenAIVoiceVisualizer({
   const initializeWebGL = useCallback(() => {
     if (!canvasRef.current) return;
 
-    canvasRef.current.width = CANVAS_SIZE;
-    canvasRef.current.height = CANVAS_SIZE;
+    const dpi = window.devicePixelRatio || 1;
+    canvasRef.current.width = CANVAS_SIZE * dpi;
+    canvasRef.current.height = CANVAS_SIZE * dpi;
 
     const { gl, program } = initWebGL(
       canvasRef.current,