From 5e8f12fe35b33048c82131d24dc6dc6da3f6f548 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Fri, 15 May 2026 11:25:46 +0000
Subject: [PATCH] Changes

Co-authored-by: Reifonas <211114984+Reifonas@users.noreply.github.com>
---
 src/components/three/ModelViewer.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/three/ModelViewer.tsx b/src/components/three/ModelViewer.tsx
index 6043ff7..046c96c 100644
--- a/src/components/three/ModelViewer.tsx
+++ b/src/components/three/ModelViewer.tsx
@@ -476,12 +476,12 @@ export function ModelViewerCanvas({ url }: ModelViewerProps) {
     <Canvas
       camera={{ position: [2, 2, 2], fov: 50, near: 0.001, far: 1000 }}
       gl={{ antialias: true, alpha: true, powerPreference: 'high-performance', preserveDrawingBuffer: true }}
-      frameloop="demand"
+      frameloop="always"
       className="!bg-background"
-      onCreated={({ gl, invalidate }) => {
-        gl.setPixelRatio(Math.min(window.devicePixelRatio, 1.5));
-        const loop = () => { invalidate(); requestAnimationFrame(loop); };
-        loop();
+      onCreated={({ gl }) => {
+        const isApple = /Mac|iPhone|iPad/.test(navigator.platform);
+        const maxRatio = isApple ? 2 : 1.5;
+        gl.setPixelRatio(Math.min(window.devicePixelRatio, maxRatio));
       }}
     >
       <ambientLight intensity={0.6} />