L'interface
Une visite complète de la barre de menus, de la boîte à outils, du canevas, de l'inspecteur et du panneau des calques.
Easelt Builder vous offre un espace de travail visuel complet pour concevoir des GUI dx MTA:SA dans votre navigateur. Cette page est une visite complète de chaque zone de l'interface — la barre de menus supérieure, la Boîte à outils, le canevas, l'Inspecteur, le panneau des Calques, la barre d'état et le mode Aperçu — pour que vous sachiez exactement où se trouve chaque contrôle et ce qu'il fait.
La disposition en un coup d'œil
L'espace de travail est organisé en une barre de menus en haut, trois panneaux de travail autour d'une scène centrale, et une barre d'état le long du bas. Chaque panneau est réductible et redimensionnable — faites glisser le bord d'un panneau pour donner plus de place à ce sur quoi vous travaillez.
Easelt Builder à gauche, les menus Fichier / Édition / Affichage, et un groupe de contrôles de résolution, d'annulation/rétablissement, de panneaux et d'exportation à droite.Barre de menus supérieure
La marque `Easelt Builder` se trouve tout à gauche de la barre supérieure. À côté se trouvent trois menus déroulants — Fichier, Édition et Affichage — et le côté droit de la barre porte des boutons d'accès rapide pour la résolution, l'historique, les panneaux et l'exportation.
Menu Fichier
| Élément | Ce qu'il fait |
|---|---|
| Nouvelle conception | Commencer une conception vierge et vide. |
| Conceptions… | Gérer plusieurs variantes de conception au même endroit. |
| Enregistrer (Ctrl S) | Enregistrer la conception actuelle. |
| Charger | Ouvrir une conception précédemment enregistrée. |
| Exporter la ressource MTA… | Exporter votre conception sous forme de ressource MTA .zip prête à l'emploi. |
| Exporter la conception en PNG… | Exporter une image PNG plate de la conception. |
Menu Édition
| Élément | Ce qu'il fait |
|---|---|
| Annuler (Ctrl Z) | Reculer dans votre historique. |
| Rétablir (Ctrl Y) | Avancer à nouveau dans votre historique. |
| Dupliquer (Ctrl D) | Faire une copie du ou des éléments sélectionnés. |
| Copier (Ctrl C) | Copier la sélection dans le presse-papiers. |
| Coller (Ctrl V) | Coller depuis le presse-papiers sur le canevas. |
| Supprimer (Del) | Retirer le ou les éléments sélectionnés. |
| Tout sélectionner (Ctrl A) | Sélectionner chaque élément du canevas. |
| Effacer le canevas | Tout retirer et repartir d'une scène vierge. |
Menu Affichage
| Élément | Ce qu'il fait |
|---|---|
| Grille (G) | Activer ou désactiver la grille d'alignement sur le canevas. |
| Aimantation (S) | Activer ou désactiver l'aimantation pour que les éléments s'alignent sur la grille et entre eux. |
| Mesure (M) | Activer ou désactiver la superposition de mesure qui affiche les tailles et les espacements. |
| Panneau Boîte à outils | Afficher ou masquer le panneau Boîte à outils de gauche. |
| Panneau Inspecteur | Afficher ou masquer le panneau Inspecteur de droite. |
| Aperçu / masquer l'habillage (P) | Entrer en mode Aperçu pour masquer tout l'habillage de l'éditeur. |
Côté droit de la barre supérieure
Boîte à outils
La Boîte à outils à gauche est une liste consultable d'outils d'éléments regroupés par catégorie. Tapez dans le champ de recherche pour filtrer les outils par nom, groupe ou type, puis cliquez sur un outil pour ajouter cet élément au canevas.
Comme la recherche correspond au nom, au groupe et au type, vous pouvez accéder directement à un outil en tapant un mot de catégorie même si vous ne vous souvenez pas du nom exact de l'élément.
Canevas / Scène
Le canevas au centre est votre surface de conception, rendue à la résolution que vous avez choisie dans le sélecteur de résolution. C'est là que vous placez, déplacez et dimensionnez chaque élément — et il vous donne un retour en direct pendant que vous travaillez.
- Zoomez avec Ctrl+molette, ou Ctrl +, Ctrl - et Ctrl 0 pour réinitialiser.
- Faites un panoramique en maintenant Space et en faisant glisser, ou en faisant glisser avec le bouton central de la souris.
- Des guides d'alignement violets apparaissent pendant que vous faites glisser, vous aidant à aligner les éléments.
- Une superposition de mesure affiche les tailles des éléments et les espacements avec les éléments voisins et les bords du canevas.
Inspecteur
L'Inspecteur à droite contient les contrôles de ce que vous avez sélectionné. Lorsque rien n'est sélectionné, il bascule pour afficher les paramètres d'arrière-plan de la GUI pour l'ensemble de la conception — il fait donc toujours un travail utile, qu'un élément soit actif ou non.
Panneau des calques
Activez le panneau des Calques avec le bouton Calques. Il liste vos éléments sous forme de vignettes que vous pouvez faire glisser pour réordonner, organiser dans des dossiers de groupe et gérer via un menu contextuel (clic droit).
Barre d'état
La barre d'état court le long du bas de l'espace de travail. Elle reflète l'état actuel et fait remonter des indications contextuelles pendant que vous interagissez avec le canevas et les panneaux.
Mode Aperçu
Appuyez sur P pour entrer en mode Aperçu, qui masque tout l'habillage de l'éditeur afin que vous ne voyiez que votre conception exactement telle qu'elle apparaîtra. Appuyez à nouveau sur P ou sur Esc pour quitter.
Le mode Aperçu se contente de masquer l'habillage en lecture seule — appuyez sur P ou Esc à tout moment pour revenir à l'éditeur complet.
Les panneaux sont flexibles
Chaque panneau est réductible et redimensionnable — faites glisser le bord d'un panneau pour le redimensionner, ou utilisez le menu Affichage et les boutons de la barre supérieure pour activer entièrement les panneaux Boîte à outils, Inspecteur et Calques. Adaptez la disposition à la tâche que vous avez devant vous.