Arrière-plan de la GUI
Couleur de fond, dégradés, préréglages et une image d'arrière-plan entièrement positionnable.
Lorsque rien n'est sélectionné sur le canevas, l'Inspecteur bascule vers l'arrière-plan de la GUI — un fond plein écran qui se place derrière l'ensemble de votre conception. Il est enregistré par conception et voyage avec votre export, de sorte que chaque partie de votre GUI dx dispose d'une scène cohérente sur laquelle reposer. Cette page passe en revue chaque section et chaque contrôle, et précise exactement quels éléments sont inclus dans votre export et lesquels ne sont qu'une finition destinée à l'aperçu.
Pour ouvrir ces contrôles, cliquez sur une zone vide du canevas de sorte que rien ne soit sélectionné — l'Inspecteur affiche alors l'arrière-plan de la GUI au lieu des propriétés d'un élément.
Ce qu'est l'arrière-plan de la GUI
L'arrière-plan de la GUI est une unique couche de fond qui s'affiche derrière l'ensemble de la conception. Il est stocké par conception et exporté avec elle, ce n'est donc pas une préférence globale de l'éditeur — chaque conception conserve son propre fond. Il est constitué de quatre couches superposées que vous contrôlez indépendamment : une couleur de fond unie, un dégradé, une image d'arrière-plan et une paire d'accents givré et grain.
Fond
La section Fond est le remplissage de base derrière tout le reste.
- Activer — active ou désactive la couche de fond.
- Couleur de base — la couleur de remplissage unie, avec alpha, afin que vous puissiez la rendre entièrement opaque, semi-transparente ou transparente.
Dégradé
La section Dégradé peint un mélange de couleurs par-dessus le fond pour donner de la profondeur et de l'ambiance.
- Activer — active ou désactive le dégradé.
- 2 couleurs ou 3 couleurs — choisissez un mélange à deux arrêts ou à trois arrêts.
- Direction — orientez le dégradé en vertical ou en horizontal.
- Radial (lueur centrale) — passez à un mélange radial qui rayonne du centre vers l'extérieur au lieu d'une direction linéaire.
Préréglages de conception
Six préréglages de conception en un clic vous offrent un dégradé fini instantanément. Choisissez-en un, puis ajustez les couleurs si vous le souhaitez.
Image d'arrière-plan
La section Image d'arrière-plan vous permet d'importer une image de splash ou de personnage depuis votre PC et de la placer derrière la conception. Choisissez comment elle remplit l'écran à l'aide d'un mode d'ajustement.
| Ajustement | Ce que cela fait |
|---|---|
| Cover | Met l'image à l'échelle pour remplir tout l'écran, en rognant le débordement afin d'éviter les bords vides. |
| Contain | Met l'image à l'échelle pour qu'elle tienne entièrement dans l'écran, de sorte que l'intégralité de l'image soit visible. |
| Stretch | Étire l'image aux dimensions exactes de l'écran, en ignorant son rapport d'aspect. |
| Free | Vous donne un contrôle manuel total sur la position et la taille (voir ci-dessous). |
Mode Free
En mode Free, vous contrôlez entièrement le placement de l'image à l'aide de quatre curseurs — Position X, Position Y, Largeur et Hauteur — exprimés en pourcentage de l'écran, de sorte que l'image reste en place à travers différentes résolutions. Deux boutons d'aide complètent le tout.
- Position X / Position Y — où se place l'image, en % de l'écran.
- Largeur / Hauteur — la taille de l'image, en % de l'écran.
- Center — replace l'image au milieu de l'écran.
- Reset — restaure la position et la taille du mode Free.
Lorsque vous passez en Free, la position et la taille sont initialisées à partir de l'ajustement actuel, afin que l'image ne saute pas — vous démarrez exactement là où Cover, Contain ou Stretch l'a laissée, puis vous ajustez à partir de là.
Opacité et suppression de l'image
- Opacité — un curseur qui fait apparaître ou disparaître l'image en fondu par-dessus les couches situées en dessous.
- Remove — supprime l'image importée de l'arrière-plan.
Givré et grain
La section Givré et grain ajoute deux accents de finition — un flou givré et une superposition de bruit/grain. Ils sont destinés uniquement à l'aperçu : ils vous aident à juger du rendu dans Easelt Builder mais ne sont pas exportés avec votre conception.
Ce qui s'exporte ou ce qui est réservé à l'aperçu
Seule une partie de l'arrière-plan de la GUI passe dans votre conception exportée. Gardez cette répartition à l'esprit pour que les aperçus correspondent au résultat final.
| Couche | Exportée ? | Notes |
|---|---|---|
| Couleur de fond | Oui | Le remplissage de base, alpha compris, est inclus dans la conception. |
| Dégradé | Oui | Votre dégradé, qu'il soit préréglé ou personnalisé, est exporté. |
| Image d'arrière-plan | Oui | L'image est incluse dans le dossier assets/ aux côtés de la conception. |
| Flou givré | Non | Accent d'aperçu uniquement. |
| Superposition de grain | Non | Accent d'aperçu uniquement. |
Le flou givré et la superposition de grain sont réservés à l'aperçu — ils n'apparaîtront pas dans votre export. Tout ce que vous voulez voir en jeu doit résider dans la couleur de fond, le dégradé ou l'image, et l'image est écrite dans assets/.