Add working translation to sphere coordinates

gyro/util.js

@@ -0,0 +1,32 @@
+const util = {
+  getGyroPermission: () => {
+    if(!DeviceOrientationEvent.requestPermission) {
+      return Promise.resolve("granted")
+    } else{
+      return DeviceOrientationEvent.requestPermission()
+    }
+  },
+  round: (x, decimalPlaces) =>
+    Math.round(x * Math.pow(10, decimalPlaces)) / Math.pow(10, decimalPlaces),
+  // parameters in radians
+  // return values in radians
+  toPolarCoordinates: (alpha, beta, gamma) => {
+    const rz = m3.zRotation(alpha);
+    const rx = m3.xRotation(beta);
+    const ry = m3.yRotation(gamma);
+
+    const rot = m3.mul(rz, m3.mul(rx, ry));
+
+    const screenNormal = m3.mulV(rot, [0, 0, 1]);
+
+    const phi = Math.atan2(screenNormal[1], screenNormal[0]);
+    const r = v3.norm2(screenNormal);
+    // theta ∈ [0, π]
+    // where 0 is lying flat and π is upside down
+    const theta = Math.acos(screenNormal[2] / r);
+
+    return [screenNormal, phi, theta];
+  },
+  rgb: (r, g, b) => `rgb(${255 * r}, ${255 * g}, ${255 * b})`,
+  deg2rad: (deg) => deg / 180 * Math.PI,
+};