Update RunnerCanvas to use cameraSubmerged for underwater overlay and add tests

src/runtime-three/first-person-navigation-controller.js

@@ -176,14 +176,17 @@ export class FirstPersonNavigationController {
         if (this.context === null) {
             return;
         }
+        const eyePosition = toEyePosition(this.feetPosition, getFirstPersonPlayerEyeHeight(this.context.getRuntimeScene().playerCollider));
+        const cameraVolumeState = this.context.resolvePlayerVolumeState(eyePosition);
         this.context.setFirstPersonTelemetry({
             feetPosition: {
                 ...this.feetPosition
             },
-            eyePosition: toEyePosition(this.feetPosition, getFirstPersonPlayerEyeHeight(this.context.getRuntimeScene().playerCollider)),
+            eyePosition,
             grounded: this.grounded,
             locomotionState: this.locomotionState,
             inWaterVolume: this.inWaterVolume,
+            cameraSubmerged: cameraVolumeState.inWater,
             inFogVolume: this.inFogVolume,
             pointerLocked: this.pointerLocked,
             spawn: this.context.getRuntimeScene().spawn

src/runtime-three/first-person-navigation-controller.ts

@@ -209,14 +209,18 @@ export class FirstPersonNavigationController implements NavigationController {
       return;
     }
 
+    const eyePosition = toEyePosition(this.feetPosition, getFirstPersonPlayerEyeHeight(this.context.getRuntimeScene().playerCollider));
+    const cameraVolumeState = this.context.resolvePlayerVolumeState(eyePosition);
+
     this.context.setFirstPersonTelemetry({
       feetPosition: {
         ...this.feetPosition
       },
-      eyePosition: toEyePosition(this.feetPosition, getFirstPersonPlayerEyeHeight(this.context.getRuntimeScene().playerCollider)),
+      eyePosition,
       grounded: this.grounded,
       locomotionState: this.locomotionState,
       inWaterVolume: this.inWaterVolume,
+      cameraSubmerged: cameraVolumeState.inWater,
       inFogVolume: this.inFogVolume,
       pointerLocked: this.pointerLocked,
       spawn: this.context.getRuntimeScene().spawn

src/runtime-three/navigation-controller.ts

@@ -11,6 +11,7 @@ export interface FirstPersonTelemetry {
   grounded: boolean;
   locomotionState: RuntimeLocomotionState;
   inWaterVolume: boolean;
+  cameraSubmerged: boolean;
   inFogVolume: boolean;
   pointerLocked: boolean;
   spawn: RuntimeSpawnPoint;