feat: orientation sensor

gitchaell · Apr 25, 2024 · 457f749 · 457f749
1 parent eff9ca0
commit 457f749
Showing 1 changed file with 3 additions and 8 deletions.
diff --git a/src/components/blocks/Title.tsx b/src/components/blocks/Title.tsx
@@ -16,15 +16,10 @@ export const Title = ({ fullname }: { fullname: string }) => {
 	const handleOrientationChange = (event: DeviceOrientationEvent) => {
 		if (!titleRef.current) return
 
-		let [x, y] = [event.beta!, event.gamma!] // [-180,180) [-90,90)
+		let [x, y] = [event.gamma!, event.beta!]
 
-		x = x > 90 ? 90 : x
-		x = x < -90 ? -90 : x
-		y = y > 90 ? 90 : y
-		y = y < -90 ? -90 : y
-
-		x += 90
-		y += 90
+		x = Math.min(90, Math.max(-90, x)) + 90
+		y = Math.min(180, Math.max(-180, y)) + 90
 
 		const maxX = document.body.clientWidth - titleRef.current.clientWidth
 		const maxY = document.body.clientHeight - titleRef.current.clientHeight