From 3fa91a3ec26f28bfc08339d602a32fb001cfc872 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Cchrisshank=E2=80=9D?= <chris.shank.23@gmail.com>
Date: Fri, 20 Dec 2024 15:11:06 -0800
Subject: [PATCH] try gravity mapping

---
 ...event-propagators-with-device-gravity.html | 36 +++++++++----------
 1 file changed, 16 insertions(+), 20 deletions(-)

diff --git a/website/canvas/event-propagators-with-device-gravity.html b/website/canvas/event-propagators-with-device-gravity.html
index 03386a2..e67b3cd 100644
--- a/website/canvas/event-propagators-with-device-gravity.html
+++ b/website/canvas/event-propagators-with-device-gravity.html
@@ -80,13 +80,15 @@ rotation: from.x"
         requestAnimationFrame(tick);
         if (orientationEvent === undefined) return;
 
-        window.alpha.textContent = orientationEvent.alpha.toFixed(2);
-        window.beta.textContent = orientationEvent.beta.toFixed(2);
-        window.gamma.textContent = orientationEvent.gamma.toFixed(2);
+        window.alpha.textContent = Math.round(orientationEvent.alpha);
+        window.beta.textContent = Math.round(orientationEvent.beta);
+        window.gamma.textContent = Math.round(orientationEvent.gamma);
+        // Max out the gravity at around 3000
+        const gravity = { x: orientationEvent.gamma * 40, y: orientationEvent.beta * 20};
 
-        // if (event.alpha) {
-        //   // ropes.forEach(rope => { rope.gravity = { x: 0, y: 0} })
-        // }
+        window.gravity.textContent = `${Math.round(gravity.x)}, ${Math.round(gravity.y)}`;
+
+        ropes.forEach(rope => { rope.gravity =  gravity});
       }
 
       tick();
@@ -96,23 +98,17 @@ rotation: from.x"
       }
 
       window.enableGravity = async function enableGravity() {
-        console.log('requesting')
         if (DeviceOrientationEvent.requestPermission) {
-          try {
-            const permission = await DeviceOrientationEvent.requestPermission();
-            console.log('permission', permission)
-            if (permission === "granted") {
-              window.addEventListener("deviceorientation", onDeviceOrientation);
-              console.log('registered')
-            } else {
-              console.warn('Permission for device orientation rejected', permission)
-            }
-          } catch (e) {
-            console.error(e);
+          const permission = await DeviceOrientationEvent.requestPermission();
+
+          if (permission === "granted") {
+            console.info('Permission granted')
+          } else {
+            console.warn('Permission for device orientation rejected', permission)
           }
-        } else {
-          window.addEventListener("deviceorientation", onDeviceOrientation);
         }
+
+        window.addEventListener("deviceorientation", onDeviceOrientation);
       }
     </script>
   </body>