Ugly hack to fix WebXR Viewer viewports on iOS

Author: De-Panther

Build/webxr.js

@@ -902,7 +902,7 @@
             leftRect.w = (viewport.width / glLayer.framebufferWidth) * (glLayer.framebufferWidth / this.canvas.width);
             leftRect.h = (viewport.height / glLayer.framebufferHeight) * (glLayer.framebufferHeight / this.canvas.height);
           }
-        } else if (view.eye === 'right') {
+        } else if (view.eye === 'right' && viewport.width != 0 && viewport.height != 0) {
           eyeCount = 2;
           if (viewport) {
             rightRect.x = (viewport.x / glLayer.framebufferWidth) * (glLayer.framebufferWidth / this.canvas.width);

Packages/webxr/CHANGELOG.md

@@ -11,6 +11,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Fixed
 - OnDisable in WebXRController.
 - Depth and Stencil clear issue in Handheld AR.
+- Ugly hack to fix WebXR Viewer viewports on iOS.
 
 ## [0.5.1] - 2020-12-26
 ### Fixed

Packages/webxr/Hidden~/WebGLTemplates/WebXR/webxr.js

@@ -902,7 +902,7 @@
             leftRect.w = (viewport.width / glLayer.framebufferWidth) * (glLayer.framebufferWidth / this.canvas.width);
             leftRect.h = (viewport.height / glLayer.framebufferHeight) * (glLayer.framebufferHeight / this.canvas.height);
           }
-        } else if (view.eye === 'right') {
+        } else if (view.eye === 'right' && viewport.width != 0 && viewport.height != 0) {
           eyeCount = 2;
           if (viewport) {
             rightRect.x = (viewport.x / glLayer.framebufferWidth) * (glLayer.framebufferWidth / this.canvas.width);

Packages/webxr/Hidden~/WebGLTemplates/WebXR2020/webxr.js

@@ -902,7 +902,7 @@
             leftRect.w = (viewport.width / glLayer.framebufferWidth) * (glLayer.framebufferWidth / this.canvas.width);
             leftRect.h = (viewport.height / glLayer.framebufferHeight) * (glLayer.framebufferHeight / this.canvas.height);
           }
-        } else if (view.eye === 'right') {
+        } else if (view.eye === 'right' && viewport.width != 0 && viewport.height != 0) {
           eyeCount = 2;
           if (viewport) {
             rightRect.x = (viewport.x / glLayer.framebufferWidth) * (glLayer.framebufferWidth / this.canvas.width);

Packages/webxr/Hidden~/WebGLTemplates/WebXRFullView/webxr.js

@@ -902,7 +902,7 @@
             leftRect.w = (viewport.width / glLayer.framebufferWidth) * (glLayer.framebufferWidth / this.canvas.width);
             leftRect.h = (viewport.height / glLayer.framebufferHeight) * (glLayer.framebufferHeight / this.canvas.height);
           }
-        } else if (view.eye === 'right') {
+        } else if (view.eye === 'right' && viewport.width != 0 && viewport.height != 0) {
           eyeCount = 2;
           if (viewport) {
             rightRect.x = (viewport.x / glLayer.framebufferWidth) * (glLayer.framebufferWidth / this.canvas.width);

Packages/webxr/Hidden~/WebGLTemplates/WebXRFullView2020/webxr.js

@@ -902,7 +902,7 @@
             leftRect.w = (viewport.width / glLayer.framebufferWidth) * (glLayer.framebufferWidth / this.canvas.width);
             leftRect.h = (viewport.height / glLayer.framebufferHeight) * (glLayer.framebufferHeight / this.canvas.height);
           }
-        } else if (view.eye === 'right') {
+        } else if (view.eye === 'right' && viewport.width != 0 && viewport.height != 0) {
           eyeCount = 2;
           if (viewport) {
             rightRect.x = (viewport.x / glLayer.framebufferWidth) * (glLayer.framebufferWidth / this.canvas.width);