From 2a0ec0f3d8c9e92cd48652d4dcf1fbda348d4959 Mon Sep 17 00:00:00 2001
From: Florian <45694132+flo-bit@users.noreply.github.com>
Date: Sun, 1 Jun 2025 16:44:49 +0200
Subject: [PATCH] small fixes mobile controls

---
 src/lib/Joystick.svelte       | 12 +++++++++++-
 src/routes/world/+page.svelte | 10 +++++++---
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/lib/Joystick.svelte b/src/lib/Joystick.svelte
index afd96c9..39b47f9 100644
--- a/src/lib/Joystick.svelte
+++ b/src/lib/Joystick.svelte
@@ -8,6 +8,7 @@
 <script lang="ts">
 	let startPosition: { x: number; y: number } | null = $state(null);
 
+	let pointerId: number | null = $state(null);
 	const size = 72;
 
 	let x = $state(0);
@@ -17,6 +18,10 @@
 <svelte:window
 	onpointermove={(e) => {
 		if (!startPosition) return;
+		if (pointerId !== e.pointerId) {
+			return;
+		}
+		
 		let deltaX = (e.clientX - startPosition.x) / size;
 		let deltaY = (e.clientY - startPosition.y) / size;
 
@@ -32,7 +37,11 @@
 		x = deltaX * size;
 		y = deltaY * size;
 	}}
-	onpointerup={() => {
+	onpointerup={(e) => {
+		if (pointerId !== e.pointerId) {
+			return;
+		}
+		pointerId = null;
 		startPosition = null;
 
 		x = 0;
@@ -46,6 +55,7 @@
 	class="absolute bottom-4 left-4 size-36 rounded-full bg-white/20 pointer-fine:hidden"
 	onpointerdown={(e) => {
 		startPosition = { x: e.clientX, y: e.clientY };
+		pointerId = e.pointerId;
 	}}
 >
 	<div
diff --git a/src/routes/world/+page.svelte b/src/routes/world/+page.svelte
index 823fd3e..e3ddc26 100644
--- a/src/routes/world/+page.svelte
+++ b/src/routes/world/+page.svelte
@@ -57,11 +57,15 @@
 </div>
 
 {#if Object.keys(editingState.world?.current?.cells ?? {}).length < 1}
-	<div class="absolute inset-0 flex items-center justify-center text-3xl font-bold">Loading world...</div>
+	<div class="absolute inset-0 flex items-center justify-center text-3xl font-bold">
+		Loading world...
+	</div>
 {/if}
 
-<Joystick />
-<JumpButton />
+{#if editingState.camera === 'first'}
+	<Joystick />
+	<JumpButton />
+{/if}
 
 <ModelSelection />
 
-- 
2.51.2