From 86e5acda52aa74a0582371a4fba607d15e49e582 Mon Sep 17 00:00:00 2001
From: Wind-Explorer <windexplorer@outlook.com>
Date: Wed, 17 Dec 2025 01:04:48 +0800
Subject: [PATCH] =?UTF-8?q?indicator=20on=20screen=20mapped=20to=20friends?=
 =?UTF-8?q?=20position=20=F0=9F=8E=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/routes/scene/+page.svelte | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/routes/scene/+page.svelte b/src/routes/scene/+page.svelte
index 929a486..7097727 100644
--- a/src/routes/scene/+page.svelte
+++ b/src/routes/scene/+page.svelte
@@ -11,7 +11,7 @@
   }
 </script>
 
-<div class="w-svw h-svh p-4 relative">
+<div class="w-svw h-svh p-4 relative overflow-hidden">
   <div
     class="size-max mx-auto bg-base-100 border-base-200 border px-4 py-3 rounded-xl"
   >
@@ -53,4 +53,17 @@
       {/if}
     </div>
   </div>
+  <div class="absolute inset-0 size-full">
+    {#if Object.keys($friendsCursorPositions).length > 0}
+      {#each Object.entries($friendsCursorPositions) as [userId, position]}
+        <div
+          style:transform="translate({position.raw.x}px, {position.raw.y}px)"
+          class="transition-transform duration-500 flex flex-col gap-1"
+        >
+          <div class="size-4 rounded-full bg-indigo-500"></div>
+          <span class="text-[0.5rem]">{getFriendName(userId)}</span>
+        </div>
+      {/each}
+    {/if}
+  </div>
 </div>