A Figma-like level design editor
Hugo Duprez
Posted on October 16, 2024
Hey folks,
My small level design tool recently hit 35k users. A lot of people ask how it's built so here we go!
Frontend:
All frontend things are made using SvelteKit, it's really a magical tool to build things fast with all the performance you need for kind of creative tools. For the rendering I use a custom engine I built on top of PixiJS.
Backend:
The tool allows you to export you map to native formats accepted by different engines, so I have had to compile maps into native files like .unitypackage files.
This is handled by a backend written in Rust!
Desktop app version:
I then used Tauri to bundle my SvelteKit app as a desktop app. The cool thing here is since Tauri can run Rust commands, I just put all my backend logic in a standalone Rust crate so I can use the same code for my backend server (for the web app) and for the desktop app (Rust functions are directly called from my static frontend in Tauri).
That's it! You want to try the web version here
Cheers!
Hugo
Posted on October 16, 2024
Join Our Newsletter. No Spam, Only the good stuff.
Sign up to receive the latest update from our blog.