From 0f26cd7d81ccac4e9a4cb63f503229ab355af643 Mon Sep 17 00:00:00 2001 From: Vitaly Turovsky Date: Fri, 16 Feb 2024 20:32:43 +0300 Subject: [PATCH] fix: three.js scene was clipped in firefox with webgl2 disabled eg tor --- src/index.ts | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/index.ts b/src/index.ts index c5d21230..4523b66d 100644 --- a/src/index.ts +++ b/src/index.ts @@ -105,7 +105,9 @@ const renderer = new THREE.WebGLRenderer({ }) initWithRenderer(renderer.domElement) window.renderer = renderer -renderer.setPixelRatio(window.devicePixelRatio || 1) // todo this value is too high on ios, need to check, probably we should use avg, also need to make it configurable +let pixelRatio = window.devicePixelRatio || 1 // todo this value is too high on ios, need to check, probably we should use avg, also need to make it configurable +if (!renderer.capabilities.isWebGL2) pixelRatio = 1 // webgl1 has issues with high pixel ratio (sometimes screen is clipped) +renderer.setPixelRatio(pixelRatio) renderer.setSize(window.innerWidth, window.innerHeight) renderer.domElement.id = 'viewer-canvas' document.body.appendChild(renderer.domElement)