check for requestPointerLock unadjustedMovement support (mdn#250)

KaelWD · bsmth · web-flow · commit d955ab6eff93 · 2024-07-17T11:59:05.000+02:00
Co-authored-by: Brian Thomas Smith &lt;brian@smith.berlin&gt;
diff --git a/pointer-lock/app.js b/pointer-lock/app.js
@@ -56,9 +56,18 @@ canvasDraw();
 
 canvas.addEventListener("click", async () => {
   if(!document.pointerLockElement) {
-    await canvas.requestPointerLock({
-      unadjustedMovement: true,
-    });
+    try {
+      await canvas.requestPointerLock({
+        unadjustedMovement: true,
+      });
+    } catch (error) {
+      if (error.name === "NotSupportedError") {
+        // Some platforms may not support unadjusted movement.
+        await canvas.requestPointerLock();
+      } else {
+        throw error;
+      }
+    }
   }
 });
 
