Add support for forceMonoPresentation to layers samples

Author: cabanier

layers-samples/cyld-layer.html

@@ -93,6 +93,11 @@
     let cyldTextureWidth = 0;
     let cyldTextureHeight = 0;
 
+    function buttonPressedThisFrame(gamepad, index) {
+      return (index < gamepad.buttons.length &&
+        gamepad.buttons[index].pressed);
+    }
+
     function initXR() {
       xrButton = new WebXRButton({
         onRequestSession: onRequestSession,
@@ -213,6 +218,12 @@
         gl.bindTexture(gl.TEXTURE_2D, null);
       }
 
+      let force_mono = false;
+      for (let source of xrSession.inputSources) {
+        force_mono |= buttonPressedThisFrame(source.gamepad, 0);
+      }
+      cyldLayer.forceMonoPresentation = force_mono;
+
       if (pose) {
         gl.bindFramebuffer(gl.FRAMEBUFFER, xrFramebuffer);
         scene.updateInputSources(frame, xrRefSpace);

layers-samples/eqrt-video.html

@@ -42,14 +42,14 @@
     <details open>
       <summary>Equirect Video</summary>
       <p>
-        This sample shows how to show 180/360 video via an equirect layer, with 
-        the addition of media control bar that enables fast forward/rewind, 
-        pause/play and exit. It can be used for rendering static backgrounds like cube 
-        layers, as demonstrated in the Equirect Layer example, but the real edge 
+        This sample shows how to show 180/360 video via an equirect layer, with
+        the addition of media control bar that enables fast forward/rewind,
+        pause/play and exit. It can be used for rendering static backgrounds like cube
+        layers, as demonstrated in the Equirect Layer example, but the real edge
         of using equirect layers over cube layers is to show immersive video.
       </p>
       <p>
-        NOTE: Depending on your internet connection, the fast forward and rewind 
+        NOTE: Depending on your internet connection, the fast forward and rewind
         buttons may not immediately take effect.
       </p>
         <a class="back" href="./index.html">Back</a>
@@ -222,6 +222,11 @@
       gl = null;
     }
 
+    function buttonPressedThisFrame(gamepad, index) {
+      return (index < gamepad.buttons.length &&
+        gamepad.buttons[index].pressed);
+    }
+
     function onXRFrame(time, frame) {
       let pose = frame.getViewerPose(xrRefSpace);
       xrSession.requestAnimationFrame(onXRFrame);
@@ -238,6 +243,12 @@
         gl.bindTexture(gl.TEXTURE_2D, null);
       }
 
+      let force_mono = false;
+      for (let source of xrSession.inputSources) {
+        force_mono |= buttonPressedThisFrame(source.gamepad, 4);
+      }
+      eqrtLayer.forceMonoPresentation = force_mono;
+
       if (pose) {
         gl.bindFramebuffer(gl.FRAMEBUFFER, xrFramebuffer);
         // We need to invalidate the color (and depth, just in case) here to avoid
@@ -267,4 +278,4 @@
   </script>
 </body>
 
-</html>
+</html>

layers-samples/media-layer-sample.html

@@ -179,6 +179,7 @@
         // Inform the session that we're ready for the next frame.
         session.requestAnimationFrame(onXRFrame);
 
+        let force_mono = false;
         for (let source of session.inputSources) {
           if (source.gamepad) {
             // Toggle Play/Pause on primary button press
@@ -191,8 +192,10 @@
               else
                 video.pause();
             }
+            force_mono |= buttonPressedThisFrame(source.gamepad, 4);
           }
         }
+        xrSession.renderState.layers[0].forceMonoPresentation = force_mono;
       }
 
       // Start the XR application.