Prise en main

Introduction

Easelt Builder est un concepteur visuel pour les interfaces dx de MTA:SA — dessinez votre HUD ou votre menu, câblez sa logique et exportez une ressource prête à l'emploi.

Easelt Builder est un concepteur visuel s'exécutant dans le navigateur pour créer des interfaces dxDraw MTA:SA — HUD, menus, panneaux, écrans de connexion, boutiques et flux multi-fenêtres. Vous dessinez sur un canevas, appliquez un style à chaque élément dans l'inspecteur, câblez la logique dans Blueprint, testez le tout en direct à n'importe quelle résolution et exportez une ressource MTA prête à l'emploi — le tout sans quitter votre navigateur.

💡

Nouveau ici ? Passez directement au Quickstart pour créer et exporter votre premier HUD en quelques minutes, puis revenez sur cette page pour avoir la vue d'ensemble.

Ce qu'est Easelt Builder

Easelt Builder transforme les parties fastidieuses du travail d'interface dxDraw — calculer à la main les positions en pixels, deviner l'échelle, retester à travers les résolutions — en un flux de travail direct et visuel. Tout ce que vous écririez normalement à la main avec dxDrawRectangle, dxDrawText et dxDrawImage, vous le dessinez, le déplacez et le stylisez plutôt sur un canevas en direct, puis vous l'exportez sous forme de ressource exécutable.

L'application entière s'exécute dans votre navigateur. Votre travail est enregistré localement et chiffré au repos — rien n'est envoyé vers un serveur. Vos créations restent sur votre machine.

ℹ️

Comme les projets résident dans le stockage local de votre navigateur, ils sont liés au navigateur que vous utilisez. Exportez votre ressource pour déplacer une création d'une machine à une autre.

Responsive par fractions

L'idée centrale derrière Easelt Builder est le responsive par fractions : chaque position et chaque taille est stockée sous forme de fraction de l'écran, un nombre entre 0 et 1 — exactement comme du code dxDraw bien écrit. Un élément à x = 0.40 se situe à 40 % de la largeur de l'écran sur *n'importe quelle* résolution, de sorte que votre interface conserve sa mise en page qu'un joueur joue en 1080p, en 1440p ou en ultrawide.

Pour l'aperçu, Easelt Builder effectue le rendu à une résolution choisie. Il convertit chaque fraction stockée en une véritable valeur en pixels et met à l'échelle le texte et les espacements pour que ce que vous voyez corresponde à ce que les joueurs obtiennent en jeu.

Concept	Fonctionnement
Valeur stockée	Chaque `x`, `y`, `width`, `height` est une fraction de `0` à `1`.
Conversion en pixels	`pixel = fraction * gameWidth` — une fraction devient un véritable pixel à l'écran à la résolution d'aperçu.
Facteur d'échelle	`S = gameHeight / 1080` — le texte et les espacements sont mis à l'échelle par rapport à une référence 1080p.
Exemple	`x = 0.40` s'affiche à 40 % de la largeur de l'écran à chaque résolution.

💡

Penser en fractions signifie que vous concevez une seule fois et que cela s'affiche correctement partout — aucun ajustement par résolution.

Ce que vous pouvez créer

HUD et surcouches

Barres de vie, compteurs de munitions, minicartes, notifications et autres éléments d'écran toujours visibles qui restent parfaitement nets à travers les résolutions.

Menus et panneaux

Menus et panneaux interactifs avec une véritable logique de clic — boutons, onglets et contrôles qui répondent réellement, et non de simples visuels statiques.

Flux multi-fenêtres

Écrans connectés comme un flux connexion → boutique → inventaire, avec des fenêtres qui s'ouvrent, se ferment et se passent le relais les unes aux autres.

Le flux de travail

Dessiner sur le canevas
Placez et disposez vos éléments visuellement sur le canevas en direct.
Styliser dans l'inspecteur
Définissez les couleurs, tailles, polices et autres propriétés de l'élément sélectionné.
Ajouter la logique dans Blueprint
Câblez l'interactivité — clics, état et flux de fenêtres — à l'aide de l'éditeur visuel Blueprint.
Tester en direct
Prévisualisez votre interface s'exécutant à une résolution choisie pour confirmer la mise en page et le comportement.
Exporter une ressource
Générez une ressource MTA:SA exécutable que vous pouvez déposer dans votre serveur.

Comment ce guide est organisé

La documentation est divisée en cinq parties afin que vous puissiez trouver ce dont vous avez besoin à chaque étape d'un projet :

Pour commencer

N'installez rien, ouvrez le builder et livrez votre première interface. Commencez par le Quickstart.

Conception

Travaillez le canevas et l'inspecteur — placez, stylisez et disposez les éléments par fractions.

Interactivité

Ajoutez une véritable logique dans Blueprint — clics, état et flux multi-fenêtres.

Livraison

Testez en direct et exportez une ressource MTA exécutable.

Référence

Consultez les détails — propriétés, fonctions et noms de fichiers, le tout en un seul endroit.

Langues

Easelt Builder est disponible en cinq langues, afin que vous puissiez travailler dans celle avec laquelle vous êtes le plus à l'aise :

Anglais
Arabe
Français
Portugais
Espagnol