peppidesu · peppidesu · Feb 11, 2026 · Jan 25, 2026 · Jan 26, 2026 · Jan 26, 2026
diff --git a/.gitignore b/.gitignore
@@ -28,3 +28,4 @@ dist-ssr
 
 .env
 public/discord-users.json
+/public/sprites
diff --git a/build-sprites.sh b/build-sprites.sh
@@ -1,16 +1,68 @@
-#!/bin/sh
+#!/usr/bin/env bash
 
 ROOT="$(git rev-parse --show-toplevel)"
 SRC="$ROOT/sprites"
+TMP="$(mktemp -d)/sprites"
 DEST="$ROOT/public/sprites"
 
+rm -rf "$DEST"
+
+sub_inputs=(220022 440044 aa00aa ff00ff)
+
+declare -A palettes=(
+    [lightblue]="#305182 #4192c3 #61d3e3 #a2fff3"
+    [turqoise]="#165950 #189572 #37da94 #a0ffc2"
+    [green]="#006130 #19a239 #5ff040 #ccffad"
+    [lime]="#263e0a #6e8d1b #bee344 #edff89"
+    [yellow]="#6d3c05 #b87a0c #ffd42d #fff392"
+    [orange]="#732200 #c64b01 #ff8b17 #ffdba2"
+    [warmred]="#681d27 #ae2b28 #ff5d32 #ffae93"
+    [red]="#641b3b #9d193c #ff4656 #ff9ba1"
+    [magenta]="#612b79 #9c37ba #f75aff #ffa9f0"
+    [purple]="#342561 #6b42a7 #b76cff #e2abff"
+    [indigo]="#1f1d51 #3e3c8b #6979e8 #88baff"
+    [blue]="#19295b #305faa #3f9eff #8ad1ff"
+    [white]="#535353 #8a8a8a #c6c6c6 #ffffff"
+)
+
 find "$SRC" -type f -name '*.aseprite' | while read -r file; do
   rel="${file#"$SRC"/}"
-  out="$DEST/${rel%.aseprite}.png"
+  out="$TMP/${rel%.aseprite}.png"
 
   mkdir -p "$(dirname "$out")"
 
   aseprite \
     --batch "$file" \
     --save-as "$out"
 done
+
+run_with_palette() {
+    local in="$1" out="$2" palette_str="$3"
+    local s1 s2 s3 s4
+    read -r s1 s2 s3 s4 <<< "$palette_str"
+
+    png-subs "$in" "$out" \
+      --subs "${sub_inputs[0]}" "${s1#"#"}" \
+      --subs "${sub_inputs[1]}" "${s2#"#"}" \
+      --subs "${sub_inputs[2]}" "${s3#"#"}" \
+      --subs "${sub_inputs[3]}" "${s4#"#"}"
+}
+
+
+find "$TMP" -type f -name '*.png' | while read -r file; do
+  rel="${file#"$TMP"/}"
+  out_rel="${rel//\/substitute\//\/}"
+  dest_base="$DEST/${out_rel%.png}"
+
+  mkdir -p "$(dirname "$dest_base")"
+
+  if [[ "$rel" == *"/substitute/"* ]]; then
+      for name in "${!palettes[@]}"; do
+          out="${dest_base}-${name}.png"
+          run_with_palette "$file" "$out" "${palettes[$name]}"
+      done
+  else
+      out="${dest_base}.png"
+      png-subs "$file" "$out"
+  fi
+done
diff --git a/flake.lock b/flake.lock
diff --git a/flake.nix b/flake.nix
@@ -4,12 +4,15 @@
   inputs = {
     nixpkgs.url = "github:NixOS/nixpkgs/nixos-unstable";
     flake-utils.url = "github:numtide/flake-utils";
+
+    png-subs.url = "https://git.geenit.nl/noa/png-subs/archive/main.tar.gz";
   };
 
   outputs =
     {
       nixpkgs,
       flake-utils,
+      png-subs,
       ...
     }:
     flake-utils.lib.eachDefaultSystem (
@@ -19,6 +22,7 @@
           inherit system;
           config.allowUnfree = true;
         };
+        png-sub = png-subs.packages.${system}.default;
       in
       {
         devShells.default = pkgs.mkShell {
@@ -27,6 +31,7 @@
             http-server
             bun
             aseprite
+            png-sub
             (pkgs.writeShellApplication {
               name = "aseprite-export";
 

diff --git a/package.json b/package.json
@@ -5,10 +5,10 @@
     "type": "module",
     "scripts": {
         "dev": "vite",
-        "build": "node fetch-discord-users && vite build",
+        "build": "node fetch-discord-users && ./build-sprites.sh && vite build",
         "preview": "vite preview",
         "sprites": "./build-sprites.sh",
-        "deploy": "npm run build && gh-pages -d dist --nojekyll --cname elementipelago.peppidesu.dev"
+        "deploy": "bun run build && gh-pages -d dist --nojekyll --cname elementipelago.peppidesu.dev"
     },
     "devDependencies": {
         "@sveltejs/vite-plugin-svelte": "^6.2.4",

diff --git a/public/sprites/elements/apple.png b/public/sprites/elements/apple.png
diff --git a/public/sprites/elements/armor.png b/public/sprites/elements/armor.png
diff --git a/public/sprites/elements/ball.png b/public/sprites/elements/ball.png
diff --git a/public/sprites/elements/berry.png b/public/sprites/elements/berry.png
diff --git a/public/sprites/elements/boat.png b/public/sprites/elements/boat.png
diff --git a/public/sprites/elements/book.png b/public/sprites/elements/book.png
diff --git a/public/sprites/elements/boots.png b/public/sprites/elements/boots.png
diff --git a/public/sprites/elements/bow.png b/public/sprites/elements/bow.png
diff --git a/public/sprites/elements/car.png b/public/sprites/elements/car.png
diff --git a/public/sprites/elements/chest.png b/public/sprites/elements/chest.png
diff --git a/public/sprites/elements/coin.png b/public/sprites/elements/coin.png
diff --git a/public/sprites/elements/egg.png b/public/sprites/elements/egg.png
diff --git a/public/sprites/elements/element.png b/public/sprites/elements/element.png
diff --git a/public/sprites/elements/emerald.png b/public/sprites/elements/emerald.png
diff --git a/public/sprites/elements/fire.png b/public/sprites/elements/fire.png
diff --git a/public/sprites/elements/gun.png b/public/sprites/elements/gun.png
diff --git a/public/sprites/elements/hammer.png b/public/sprites/elements/hammer.png
diff --git a/public/sprites/elements/hat.png b/public/sprites/elements/hat.png
diff --git a/public/sprites/elements/heart.png b/public/sprites/elements/heart.png
diff --git a/public/sprites/elements/hourglass.png b/public/sprites/elements/hourglass.png
diff --git a/public/sprites/elements/house.png b/public/sprites/elements/house.png
diff --git a/public/sprites/elements/ice.png b/public/sprites/elements/ice.png
diff --git a/public/sprites/elements/key.png b/public/sprites/elements/key.png
diff --git a/public/sprites/elements/leaf.png b/public/sprites/elements/leaf.png
diff --git a/public/sprites/elements/magic.png b/public/sprites/elements/magic.png
diff --git a/public/sprites/elements/map.png b/public/sprites/elements/map.png
diff --git a/public/sprites/elements/marker.png b/public/sprites/elements/marker.png
diff --git a/public/sprites/elements/metal.png b/public/sprites/elements/metal.png
diff --git a/public/sprites/elements/money.png b/public/sprites/elements/money.png
diff --git a/public/sprites/elements/music.png b/public/sprites/elements/music.png
diff --git a/public/sprites/elements/piece.png b/public/sprites/elements/piece.png
diff --git a/public/sprites/elements/potion.png b/public/sprites/elements/potion.png
diff --git a/public/sprites/elements/quest.png b/public/sprites/elements/quest.png
diff --git a/public/sprites/elements/ring.png b/public/sprites/elements/ring.png
diff --git a/public/sprites/elements/rock.png b/public/sprites/elements/rock.png
diff --git a/public/sprites/elements/sand.png b/public/sprites/elements/sand.png
diff --git a/public/sprites/elements/sign.png b/public/sprites/elements/sign.png
diff --git a/public/sprites/elements/skull.png b/public/sprites/elements/skull.png
diff --git a/public/sprites/elements/spear.png b/public/sprites/elements/spear.png
diff --git a/public/sprites/elements/sword.png b/public/sprites/elements/sword.png
diff --git a/public/sprites/elements/tree.png b/public/sprites/elements/tree.png
diff --git a/public/sprites/elements/upgrade.png b/public/sprites/elements/upgrade.png
diff --git a/public/sprites/elements/void.png b/public/sprites/elements/void.png
diff --git a/public/sprites/elements/wand.png b/public/sprites/elements/wand.png
diff --git a/public/sprites/elements/water.png b/public/sprites/elements/water.png
diff --git a/public/sprites/ui/broom.png b/public/sprites/ui/broom.png
diff --git a/public/sprites/ui/burger.png b/public/sprites/ui/burger.png
diff --git a/public/sprites/ui/chat.png b/public/sprites/ui/chat.png
diff --git a/public/sprites/ui/check.png b/public/sprites/ui/check.png
diff --git a/public/sprites/ui/download.png b/public/sprites/ui/download.png
diff --git a/public/sprites/ui/hint1.png b/public/sprites/ui/hint1.png
diff --git a/public/sprites/ui/hint2.png b/public/sprites/ui/hint2.png
diff --git a/public/sprites/ui/new.png b/public/sprites/ui/new.png
diff --git a/public/sprites/ui/settings.png b/public/sprites/ui/settings.png
diff --git a/sprites/elements/apple.aseprite b/sprites/elements/apple.aseprite
diff --git a/sprites/elements/armor.aseprite b/sprites/elements/armor.aseprite
diff --git a/sprites/elements/ball.aseprite b/sprites/elements/ball.aseprite
diff --git a/sprites/elements/berry.aseprite b/sprites/elements/berry.aseprite
diff --git a/sprites/elements/boat.aseprite b/sprites/elements/boat.aseprite
diff --git a/sprites/elements/book.aseprite b/sprites/elements/book.aseprite
diff --git a/sprites/elements/boots.aseprite b/sprites/elements/boots.aseprite
diff --git a/sprites/elements/car.aseprite b/sprites/elements/car.aseprite
diff --git a/sprites/elements/cave.aseprite b/sprites/elements/cave.aseprite
diff --git a/sprites/elements/chest.aseprite b/sprites/elements/chest.aseprite
diff --git a/sprites/elements/desert.aseprite b/sprites/elements/desert.aseprite
diff --git a/sprites/elements/element.aseprite b/sprites/elements/element.aseprite
diff --git a/sprites/elements/emerald.aseprite b/sprites/elements/emerald.aseprite
diff --git a/sprites/elements/hat.aseprite b/sprites/elements/hat.aseprite
diff --git a/sprites/elements/heart.aseprite b/sprites/elements/heart.aseprite
diff --git a/sprites/elements/hills.aseprite b/sprites/elements/hills.aseprite
diff --git a/sprites/elements/ice.aseprite b/sprites/elements/ice.aseprite
diff --git a/sprites/elements/island.aseprite b/sprites/elements/island.aseprite
diff --git a/sprites/elements/key.aseprite b/sprites/elements/key.aseprite
diff --git a/sprites/elements/leaf.aseprite b/sprites/elements/leaf.aseprite
diff --git a/sprites/elements/magic.aseprite b/sprites/elements/magic.aseprite
diff --git a/sprites/elements/map.aseprite b/sprites/elements/map.aseprite
diff --git a/sprites/elements/marker.aseprite b/sprites/elements/marker.aseprite
diff --git a/sprites/elements/metal.aseprite b/sprites/elements/metal.aseprite
diff --git a/sprites/elements/money.aseprite b/sprites/elements/money.aseprite
diff --git a/sprites/elements/mountains.aseprite b/sprites/elements/mountains.aseprite
diff --git a/sprites/elements/music.aseprite b/sprites/elements/music.aseprite
diff --git a/sprites/elements/planet.aseprite b/sprites/elements/planet.aseprite
diff --git a/sprites/elements/potion.aseprite b/sprites/elements/potion.aseprite
diff --git a/sprites/elements/sand.aseprite b/sprites/elements/sand.aseprite
diff --git a/sprites/elements/shop.aseprite b/sprites/elements/shop.aseprite
diff --git a/sprites/elements/substitute/apple.aseprite b/sprites/elements/substitute/apple.aseprite
diff --git a/sprites/elements/substitute/armor.aseprite b/sprites/elements/substitute/armor.aseprite
diff --git a/sprites/elements/substitute/ball.aseprite b/sprites/elements/substitute/ball.aseprite
diff --git a/sprites/elements/substitute/berry.aseprite b/sprites/elements/substitute/berry.aseprite
diff --git a/sprites/elements/substitute/boat.aseprite b/sprites/elements/substitute/boat.aseprite
diff --git a/sprites/elements/substitute/book.aseprite b/sprites/elements/substitute/book.aseprite
diff --git a/sprites/elements/substitute/boots.aseprite b/sprites/elements/substitute/boots.aseprite
diff --git a/sprites/elements/substitute/car.aseprite b/sprites/elements/substitute/car.aseprite
diff --git a/sprites/elements/substitute/chest.aseprite b/sprites/elements/substitute/chest.aseprite
diff --git a/sprites/elements/substitute/element.aseprite b/sprites/elements/substitute/element.aseprite
diff --git a/sprites/elements/substitute/emerald.aseprite b/sprites/elements/substitute/emerald.aseprite
diff --git a/sprites/elements/substitute/hat.aseprite b/sprites/elements/substitute/hat.aseprite
diff --git a/sprites/elements/substitute/heart.aseprite b/sprites/elements/substitute/heart.aseprite
diff --git a/sprites/elements/substitute/leaf.aseprite b/sprites/elements/substitute/leaf.aseprite
diff --git a/sprites/elements/substitute/magic.aseprite b/sprites/elements/substitute/magic.aseprite
diff --git a/sprites/elements/substitute/marker.aseprite b/sprites/elements/substitute/marker.aseprite
diff --git a/sprites/elements/substitute/metal.aseprite b/sprites/elements/substitute/metal.aseprite
diff --git a/sprites/elements/substitute/music.aseprite b/sprites/elements/substitute/music.aseprite
diff --git a/sprites/elements/substitute/potion.aseprite b/sprites/elements/substitute/potion.aseprite
diff --git a/sprites/elements/substitute/sand.aseprite b/sprites/elements/substitute/sand.aseprite
diff --git a/sprites/elements/substitute/wand.aseprite b/sprites/elements/substitute/wand.aseprite
diff --git a/sprites/elements/sword.aseprite b/sprites/elements/sword.aseprite
diff --git a/sprites/elements/wand.aseprite b/sprites/elements/wand.aseprite
diff --git a/sprites/ui/broom.aseprite b/sprites/ui/broom.aseprite
diff --git a/src/App.svelte b/src/App.svelte
@@ -8,7 +8,7 @@
     import Tray from "./lib/components/Tray.svelte";
     import Settings from "./lib/components/Settings.svelte";
     import Hints from "./lib/components/Hints.svelte";
-    import { moveDragging } from "./lib/state/playfield.svelte";
+    import { mounted, moveDragging, unmountElem } from "./lib/state/playfield.svelte";
 
     let openWindow = $state("");
     /** @type {Playfield} */
@@ -45,10 +45,16 @@
     </div>
 {/if}
 <Tray
-    handler={(/** @type {string} */ btn) => {
+    {connected}
+    handler={(btn) => {
+        if (btn == "clear") {
+            mounted.entries().forEach(([idx, elem]) => {
+                unmountElem(elem, idx);
+            });
+            return;
+        }
         openWindow = btn;
     }}
-    {connected}
 />
 
 <Toast />

diff --git a/src/lib/components/Chat.svelte b/src/lib/components/Chat.svelte
@@ -1,13 +1,30 @@
 <script>
     import { apstore } from "../state/apclient.svelte";
     import Window from "./Window.svelte";
+    import { toast_queue } from "../state/toast.svelte";
 
     let { show, onClose } = $props();
 
     let msgs = $state([]);
     let sendContent = $state("");
 
-    apstore.client.messages.on("message", (msg, _) => {
+    apstore.client.messages.on("connected", (msg, player) => {
+        toast_queue.push({
+            title: `${player.alias} joined.`,
+            description: `Team #${player.team + 1} - ${player.game}`,
+            image: "/sprites/elements/void.png",
+        });
+    });
+
+    apstore.client.messages.on("disconnected", (msg, player) => {
+        toast_queue.push({
+            title: `${player.alias} left.`,
+            description: `Team #${player.team + 1} - ${player.game}`,
+            image: "/sprites/elements/void.png",
+        });
+    });
+
+    apstore.client.messages.on("message", (msg, nodes) => {
         msgs.push(msg);
     });
Original file line number	Diff line number	Diff line change
Expand Up		@@ -28,3 +28,4 @@ dist-ssr

		.env
		public/discord-users.json
		/public/sprites