From d4df667cb4ecae123f522984d3a0c7837cdbc224 Mon Sep 17 00:00:00 2001 From: Victor Giers Date: Wed, 28 May 2025 17:27:32 +0200 Subject: [PATCH] Optimize renderer settings for mobile devices --- node/server/public/app.js | 8 +++++--- 1 file changed, 5 insertions(+), 3 deletions(-) diff --git a/node/server/public/app.js b/node/server/public/app.js index ab09d13..f0f7474 100644 --- a/node/server/public/app.js +++ b/node/server/public/app.js @@ -26,10 +26,12 @@ camera.rotation.set(THREE.MathUtils.degToRad(55), 0, 0); // --- Renderer --- -const renderer = new THREE.WebGLRenderer({ antialias: true }); +const renderer = new THREE.WebGLRenderer({ antialias: !IS_MOBILE }); renderer.outputColorSpace = THREE.SRGBColorSpace; -renderer.shadowMap.enabled = true; -renderer.shadowMap.type = THREE.PCFSoftShadowMap; +renderer.shadowMap.enabled = !IS_MOBILE; +renderer.shadowMap.type = IS_MOBILE ? THREE.BasicShadowMap : THREE.PCFSoftShadowMap; +const dpr = Math.min(window.devicePixelRatio, IS_MOBILE ? 1.0 : 2.0); +renderer.setPixelRatio(dpr); container.appendChild(renderer.domElement); // ---- Postprocessing ----