**Language / Langue :** **FR** | [[en:ui:phone|EN]]

====== Mode téléphone (ui: phone) ======

En mode ''phone'', le jeu s'affiche dans un **châssis de smartphone** : chaque salle devient un écran (accueil, messagerie, appel, galerie...), chaque choix une action tactile. Parfait pour les fictions épistolaires, les enquêtes par SMS ou les jeux "found phone".

<code yaml>
titre: "Le téléphone retrouvé"
ui: phone
</code>

===== Un écran par salle =====

La clé ''ecran:'' (''screen:'') d'une salle choisit le **rendu** de l'écran. La logique du jeu reste identique : seule la présentation change.

^ Valeur ^ Rendu ^
| ''accueil'' / ''home'' | Grille d'icônes d'applications (les choix). |
| ''dossier'' / ''folder'' | Dossier d'apps, même logique que l'accueil. |
| ''conversation'' / ''messages'' | Messagerie : textes en bulles, choix en réponses rapides. |
| ''contacts'' | Liste de contacts. |
| ''appel'' / ''call'' | Écran d'appel, actions stylées (répondre / refuser). |
| ''galerie'' / ''gallery'' | Grille de miniatures. |
| ''photo'' | Une image en grand cadre. |
| ''notes'', ''mail'', ''web'' | Écrans de lecture. |
| ''verrouillage'' / ''lock'' | Écran de verrouillage. |
| ''systeme'' | Écran neutre (défaut si la clé est absente). |

<code yaml>
salles:
  - id: accueil_tel
    ecran: accueil
    texte: ~
    choix:
      - bouton: "[[https://exemple.com/icone-sms.png]] Messages"
        vers: conv_maya
      - bouton: "📷 Photos"
        vers: galerie

  - id: conv_maya
    ecran: conversation
    texte: |
      **Maya :** Tu es arrivé ?
      **Maya :** Réponds vite...
    choix:
      - bouton: "Oui, j'y suis."
        vers: conv_suite
</code>

Sur les écrans d'applications (accueil, dossier, contacts, galerie), l'icône d'un choix vient d'une image ''%%[[url]]%%'' dans son libellé, sinon de son premier emoji.

===== Conversations vivantes =====

En écran ''conversation'', les textes s'affichent en bulles (reçues, envoyées, système) et un ''%%<<pause>>%%'' dans le texte affiche un **indicateur d'écriture** animé avant la suite - comme si l'interlocuteur tapait sa réponse.

===== Retour et Accueil =====

La barre de navigation du téléphone offre deux boutons système :

  * **Retour** remonte l'historique réel des écrans visités, sur plusieurs niveaux (accueil, dossier, mail, retour, retour...).
  * **Accueil** ramène à la salle désignée par ''phone_accueil:'' (''phone_home:'') au niveau du scénario.

<code yaml>
phone_accueil: accueil_tel
</code>

Écrivez des salles-écrans **relisibles** : le Retour ré-affiche la salle, ses événements automatiques se rejouent. Placez les effets sur les choix plutôt que dans les événements d'entrée.

===== Format et orientation =====

''phone_forme:'' (''phone_shape:'') règle la forme globale de l'appareil, et ''forme:'' sur une salle la change ponctuellement - le châssis s'étire avec une animation, comme un écran déroulable.

<code yaml>
phone_forme: portrait          # portrait (défaut), paysage, tablette
</code>

^ Forme ^ Rendu ^
| ''portrait'' | Téléphone vertical (9:16). |
| ''paysage'' / ''landscape'' | Le même appareil pivoté (16:9). |
| ''tablette'' / ''tablet'' | Grand format 4:3, contenus agrandis. |

Le suffixe de persistance choisit le comportement entre les salles :

  * ''phone_forme: paysage-global'' (défaut) : une salle avec ''forme:'' change la forme le temps de sa visite, puis retour à la forme globale ;
  * ''phone_forme: portrait-debut'' : la dernière ''forme:'' rencontrée **persiste** jusqu'à la suivante.

===== Saisie et notification =====

  * La barre de saisie reste visible par défaut, intégrée au châssis au-dessus de la navigation (''masquer_saisie: true'' pour un jeu 100% tactile).
  * À l'ouverture, le titre du scénario apparaît en **bannière de notification**, remplacée par la première navigation.

===== Conseils =====

  * Discord et terminal jouent le scénario en interface classique : gardez des choix de sortie explicites, le bouton Retour du châssis n'y existe pas.
  * ''forme:'' sur un **choix** (''classique'', ''icone_carre'', ''rond'', ''large'') ajuste les boutons de réponse.
  * Le scénario de démonstration ''test-ui-phone'' parcourt tous les types d'écran.

Voir aussi : [[fr:ui:presentation|Modes d'interface]], [[fr:yaml:texte|Texte et formatage]].

**Retrouvez nous sur le [[https://discord.gg/Z63DtVV|discord Make&Play]]**