Aller au contenu
← Éditeur CUI

Éditeur CUI · LEÇON 3 / 5

Relier les écrans et ajouter une saisie

Passez de l’accueil aux règles, essayez la saisie et fermez l’interface.

Ouvrir l’éditeur ↗
Avant de commencer
  • Un navigateur et l’éditeur CUI. Aucun serveur n’est nécessaire pour suivre la leçon.
  • Reprenez le projet de la leçon précédente ou importez son exemple JSON.

Vidéo et chapitres

1:18 · Vidéo sans voix

À l’écran

Créez un second écran

Ajoutez Server rules comme deuxième écran puis une Carte avec vos règles et un bouton de retour.

Transcription descriptive et fichiers

Cette vidéo est muette. La transcription décrit les actions et les résultats visuels ; les sous-titres reprennent les instructions à l’écran.

  1. 0:00

    Créez un second écran — Le bouton + à côté de Main view ajoute un écran.

  2. 0:02

    Nommez l’écran Server rules — Gardez Empty canvas, puis cliquez sur Add screen.

  3. 0:05

    Ajoutez une carte — Dans Add, choisissez Card.

  4. 0:07

    Renseignez le titre et les règles — Titre : Server rules. Le texte décrit les règles de votre serveur.

  5. 0:12

    Préparez le bouton de retour — Remplacez Open par Back to welcome.

  6. 0:15

    Créez une navigation vers l’accueil — Gardez Navigate to screen et cliquez sur Create action.

  7. 0:18

    Vérifiez la cible Main view — Le bouton reviendra à l’accueil. Revenez à Main view dans le sélecteur d’écrans.

  8. 0:23

    Reliez Server rules à son écran — Behavior : Navigate to screen. Target screen : Server rules.

  9. 0:26

    Ajoutez une saisie dans Content — Dans Add, choisissez Input.

  10. 0:28

    Le texte initial est Your name — Placez ensuite la saisie sous la progression : X 660, Y 450.

  11. 0:31

    Positionnez la saisie — Layout : X 660, Y 450.

  12. 0:35

    Limitez la saisie à 40 caractères — Interaction : Max length 40. Gardez Player can type.

  13. 0:38

    Ajoutez un bouton de fermeture — Dans Add, choisissez Button.

  14. 0:40

    Nommez le bouton Close — Le bouton fermera l’interface pendant le test.

  15. 0:43

    Évitez de recouvrir l’illustration — Placez Close au-dessus de la progression : X 660, Y 280.

  16. 0:48

    Créez l’action Close interface — Dans Interaction, choisissez Close interface puis Create action.

  17. 0:53

    Gardez le texte des règles lisible — Deux lignes courtes suffisent pour cette carte d’exemple.

  18. 0:56

    Utilisez un libellé de retour court — Back évite de couper le libellé sur deux lignes.

  19. 0:58

    Agrandissez la carte des règles — Layout : W 720, H 400.

  20. 1:02

    Alignez les deux cartes — Layout : X 280, Y 160, comme la carte d’accueil.

  21. 1:06

    Testez la navigation et la saisie — Cliquez sur Test, puis sur Server rules.

  22. 1:09

    La page des règles s’ouvre — Le bouton Back ramène à l’accueil.

  23. 1:12

    La saisie reste dans l’aperçu — Alex est une saisie de test ; le projet conserve Your name comme texte initial.

  24. 1:15

    Close ferme l’interface dans Test — Exit preview permet de reprendre l’édition.

À vous de jouer

  1. Ajoutez un écran Règles avec une Carte, puis reliez les boutons d’aller et de retour dans Interaction.
  2. Ajoutez un champ de saisie dans Contenu et un bouton doté de l’action Fermer l’interface.
  3. Testez la navigation, la saisie et la fermeture avec Tester.

Télécharger le projet d’exemple JSON ↓

Comment ouvrir un écran avec une commande chat ?
  1. Sélectionnez l’écran, puis ouvrez ses Propriétés → Ouverture par commande.
  2. Ajoutez le nom sans barre oblique, par exemple menu pour /menu. Choisissez une permission, un groupe, ou Tous les joueurs.
  3. Depuis Interfaces en jeu, sélectionnez Fenêtre → Ouverture → Configurer l’ouverture pour viser une page précise ou régler l’ouverture à la connexion. Le réglage d’écran dans l’éditeur avancé reste disponible pour les projets autonomes.

Une permission OU un groupe suffit. Le serveur doit déjà avoir les groupes choisis et accorder les permissions aux joueurs ; l’éditeur ne le fait pas. L’aperçu teste les interactions locales, pas les permissions ni les conflits de commandes du serveur.

Ce réglage concerne les interfaces autonomes. Les interfaces de plugins restent ouvertes et contrôlées par leur plugin. Installation et permissions →

Les quatre vidéos et leurs projets illustrent le parcours autonome enregistré en octobre 2026 ; leurs images et anciens libellés sont conservés. Pour les réglages actuels Fenêtre/Page, le format et l’export ZIP, suivez le guide Fenêtres de serveur.