cursor position on screen stream

2025-11-25 12:06:01 +08:00
parent dbf6747c18
commit 407c7d13c7
8 changed files with 185 additions and 22 deletions
--- a/src/routes/scene/+page.svelte
+++ b/src/routes/scene/+page.svelte
@@ -1,10 +1,19 @@
+<script lang="ts">
+  import { cursorPositionOnScreen } from "../../channels/cursor";
+</script>
+
 <div class="w-svw h-svh p-4">
-    <div
-        class="size-max mx-auto bg-base-100 border-base-200 border px-4 py-3 rounded-xl"
-    >
-        <div class="flex flex-col text-center">
-            <p class="text-xl">Friendolls</p>
-            <p class="text-sm opacity-50">Scene Screen</p>
-        </div>
+  <div
+    class="size-max mx-auto bg-base-100 border-base-200 border px-4 py-3 rounded-xl"
+  >
+    <div class="flex flex-col text-center">
+      <p class="text-xl">Friendolls</p>
+      <p class="text-sm opacity-50">Scene Screen</p>
+      <div class="mt-4">
+        <span class="font-mono"
+          >Cursor: ({$cursorPositionOnScreen.x}, {$cursorPositionOnScreen.y})</span
+        >
+      </div>
    </div>
+  </div>
 </div>