Monorepo for Aesthetic.Computer
aesthetic.computer
arena.mjs: add custom yellow crosshair cursor for locked FPS mode
When the pen is locked (FPS mode), show a custom yellow crosshair cursor
instead of the default system crosshair. When unlocked, the default cyan
cursor is used.
- Created yellow crosshair SVG data URI
- Applied custom cursor only when penLocked is true
- Removed explicit 'auto' cursor setting to preserve default UI cursor
Co-Authored-By: Claude Haiku 4.5 <noreply@anthropic.com>
+4
-5
+4
-5
system/public/aesthetic.computer/disks/arena.mjs
+4
-5
system/public/aesthetic.computer/disks/arena.mjs
···
1101
1101
// 🎯 Switch cursor based on pen lock state (FPS mode vs UI mode)
1102
1102
if (api?.cursor) {
1103
1103
if (penLocked) {
1104
-
// FPS mode: crosshair cursor
1105
-
api.cursor('crosshair');
1106
-
} else {
1107
-
// UI mode: default cursor
1108
-
api.cursor('auto');
1104
+
// FPS mode: yellow crosshair cursor
1105
+
const yellowCrosshair = `data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cline x1='16' y1='4' x2='16' y2='28' stroke='%23FFFF00' stroke-width='2'/%3E%3Cline x1='4' y1='16' x2='28' y2='16' stroke='%23FFFF00' stroke-width='2'/%3E%3C/svg%3E`;
1106
+
api.cursor(`url('${yellowCrosshair}') 16 16, auto`);
1109
1107
}
1108
+
// UI mode: keep default cyan cursor (don't override)
1110
1109
}
1111
1110
1112
1111
// FPS calc — `now` is NOT a paint-API parameter (destructuring gave us