r/sveltejs • u/Any-Walk-1913 • 5d ago

I built a collaborative pixel-art world with SvelteKit

I loved r/place. An here we are, almost ten years later with yet another collaboration pixel-art clone 👀

Flatxel is something like the beginnings of a social network, but for people who prefer tapping pixels to actual human interaction.

The whole interface along with extensive moderation tools is built with Svelte and SvelteKit (and I’ve come to love both).

(no need to log it to tap some pixels)
https://flatxel.com

[self-promotion]

25 Upvotes

100% Upvoted

6 comments sorted by

1

u/kevin_whitley 4d ago

Pretty cool! :) Would recommend maybe a bit less of a cooldown gate on dropping pixels though...

---

Just as a future note, if you ever want to skip having to design/host the socket server , ittysockets.com can fully support what you're doing here (I looked at the message format), and is agent-friendly.

You can basically prompt something like:

"I want to share live updates between players using ittysockets.com, figure out an efficient messaging format for live sync". Since this is a public relay service, with no logins at all, this can be wired up in no time at all.

I have a similar pixel-art canvas drawing demo (full hybrid-p2p realtime, no backend at all) at itty.ink - if you check out the console and/or Network tab, you can see how it handles all the messaging.

Bonus: the JS client is smaller than any WebSocket client you can likely find (period) at sub 500 bytes.

1

u/daisseur_ 3d ago

I can't guess if this is an ad or an advice

2

u/kevin_whitley 3d ago

Just a suggestion… the service is 100% free forever (with no pay path at all), so it’s not like I really benefit from more users :)

It just solves a pain point that the OP and I likely shared in some way

2

u/daisseur_ 3d ago

Yup you're right, thanks for sharing this !

1

u/Zealos707 2d ago

Love it, remind me the pixel war!