Ein Figma-ähnlicher Level-Design-Editor

Hey Leute,

Mein kleines Level-Design-Tool hat kürzlich 35.000 Benutzer erreicht. Viele Leute fragen, wie es aufgebaut ist, also los geht's!

Frontend:
Alle Frontend-Dinge werden mit SvelteKit erstellt. Es ist wirklich ein magisches Tool zum schnellen Erstellen von Dingen mit der Leistung, die Sie für kreative Tools benötigen. Für das Rendering verwende ich eine benutzerdefinierte Engine, die ich auf PixiJS aufgebaut habe.

Backend:
Mit dem Tool können Sie Ihre Karte in native Formate exportieren, die von verschiedenen Engines akzeptiert werden. Daher musste ich Karten in native Dateien wie .unitypackage-Dateien kompilieren.
Dies wird von einem in Rust geschriebenen Backend erledigt!

Desktop-App-Version:
Anschließend habe ich Tauri verwendet, um meine SvelteKit-App als Desktop-App zu bündeln. Das Coole daran ist, dass Tauri Rust-Befehle ausführen kann. Ich habe einfach meine gesamte Backend-Logik in eine eigenständige Rust-Kiste gepackt, sodass ich denselben Code für meinen Backend-Server (für die Web-App) und für die Desktop-App (Rust-Funktionen) verwenden kann direkt von meinem statischen Frontend in Tauri aufgerufen).

Das ist es! Sie möchten die Webversion hier ausprobieren

Prost!

Hugo

Das obige ist der detaillierte Inhalt vonEin Figma-ähnlicher Level-Design-Editor. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!