Maison > interface Web > js tutoriel > Un éditeur de conception de niveaux de type Figma

Un éditeur de conception de niveaux de type Figma

Barbara Streisand
Libérer: 2024-10-16 18:25:48
original
233 Les gens l'ont consulté

A Figma-like level design editor

Hé les amis,

Mon petit outil de conception de niveaux a récemment atteint 35 000 utilisateurs. Beaucoup de gens demandent comment il est construit alors c'est parti !

Frontend :
Tous les éléments frontend sont réalisés à l'aide de SvelteKit, c'est vraiment un outil magique pour créer des choses rapidement avec toutes les performances dont vous avez besoin pour ce type d'outils créatifs. Pour le rendu, j'utilise un moteur personnalisé que j'ai construit sur PixiJS.

Back-end :
L'outil vous permet d'exporter votre carte vers des formats natifs acceptés par différents moteurs, j'ai donc dû compiler des cartes dans des fichiers natifs comme les fichiers .unitypackage.
Ceci est géré par un backend écrit en Rust !

Version de l'application de bureau :
J'ai ensuite utilisé Tauri pour regrouper mon application SvelteKit en tant qu'application de bureau. Ce qui est cool ici, c'est que puisque Tauri peut exécuter des commandes Rust, je viens de mettre toute ma logique backend dans une caisse Rust autonome afin de pouvoir utiliser le même code pour mon serveur backend (pour l'application Web) et pour l'application de bureau (les fonctions Rust sont directement appelé depuis mon interface statique dans Tauri).

C'est ça ! Vous souhaitez essayer la version web ici

Bravo !

Hugo

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal