Disable pc-sky rendering when entering AR

examples/scripts/ui.mjs

@@ -58,20 +58,36 @@ document.addEventListener('DOMContentLoaded', async () => {
     }
 
     // On entering/exiting AR, we need to set the camera clear color to transparent black
-    let cameraEntity;
+    let cameraEntity, skyType = null;
     const clearColor = new Color();
 
     app.xr.on('start', () => {
         if (app.xr.type === 'immersive-ar') {
             cameraEntity = app.xr.camera;
             clearColor.copy(cameraEntity.camera.clearColor);
             cameraEntity.camera.clearColor = new Color(0, 0, 0, 0);
+
+            const sky = document.querySelector('pc-sky');
+            if (sky && sky.type !== 'none') {
+                skyType = sky.type;
+                sky.type = 'none';
+            }
         }
     });
 
     app.xr.on('end', () => {
         if (app.xr.type === 'immersive-ar') {
             cameraEntity.camera.clearColor = clearColor;
+
+            const sky = document.querySelector('pc-sky');
+            if (sky) {
+                if (skyType) {
+                    sky.type = skyType;
+                    skyType = null;
+                } else {
+                    sky.removeAttribute('type');
+                }
+            }
         }
     });