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
Barbara Streisandoriginal
2024-10-16 18:25:48235parcourir

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!

Déclaration:
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