ClientControls to accept callbacks for the initial user interaction

Author: ProteanCoding

src/core/systems/ClientControls.js

@@ -85,6 +85,9 @@ export class ClientControls extends System {
       delta: 0,
     }
     this.xrSession = null
+
+    this.pointerLockOccurred = false
+    document.addEventListener('pointerlockchange', () => this.pointerLockOccurred = true, { once: true })
   }
 
   start() {
@@ -549,6 +552,15 @@ export class ClientControls extends System {
     }
   }
 
+  onInitialPointerLock(callback) {
+    if (this.pointerLockOccurred) {
+      callback.call()
+
+    } else {
+      document.addEventListener('pointerlockchange', callback, { once: true })
+    }
+  }
+
   onKeyDown = e => {
     if (e.defaultPrevented) return
     if (e.repeat) return