Tiny room builder w/ sharing via bluesky (open source)

Showcase
1

Recently made a tiny room builder, your room is saved locally but if you sign in with bluesky you can also share your room online.

The awesome thing about that is that my site can be completely static but still allow you to share what you build online, as everything is saved in your bluesky database.

try it here: https://flo-bit.dev/room/

check out my room here: https://flo-bit.dev/room/?handle=flo-bit.dev

source here (MIT): https://github.com/flo-bit/room

Made with threlte (three.js wrapper for svelte). Any feedback welcome :slight_smile:

7 Likes
2

Cool! I really liked the UX and especially fond of the shader magic you did for the selected-object outline effect!

1 Like
3

Thanks :slight_smile:

Tried to make it as mobile friendly and easy to use as possible (3D editors are not the easiest-to-use software usually) still needs some more polish and a tutorial probably.

The outline effect is mostly just copy-pasted from one of the threlte examples, that’s the nice thing with threlte (and r3f): You can just copy-and-paste whole components and they just work :smiley:

1 Like
4

Very nice! The UI is very intuitive.

1 Like
5

Ahhh thank you! Led me to this webGL/webGPU vanilla three.js example. Threlte claims to simply add a wrapper for it. Handy resource :slight_smile: