🟪 Zone cliquable

Le bloc Zone cliquable transforme une image en plusieurs boutons invisibles : vous délimitez des zones sur une image (par exemple des boutons "Jouer", "Options", "Quitter" dessinés sur un décor) et chaque zone devient cliquable par le joueur. C'est idéal pour créer un menu illustré ou un jeu où l'on doit trouver et cliquer sur des objets cachés dans une scène ("Point and Click").

Vous n'avez rien à coder : dès que vous ajoutez une zone dans l'image, le bloc crée automatiquement, dans le graphe, la sortie correspondant à cette zone.

📥 Entrées

• in (Flux) : Point d'entrée déclenchant l'affichage de l'image cliquable.
• image (Image Cliquable) : Ressource contenant les zones interactives (calques ou sous-zones) définies au préalable.
• Zones dynamiques (Paramètres) : Entrées supplémentaires générées automatiquement pour chaque zone interactive, permettant de modifier son comportement ou son style avant affichage.

📤 Sorties

• [Nom de la zone 1], [Nom de la zone 2], ... (Flux) : Sorties dynamiques créées pour chaque zone interactive de l'image. Un clic sur une zone active la sortie correspondante.

💡 Exemple d'utilisation

Scénario : Menu d'accueil personnalisé avec boutons visuels

1. Vous avez préparé une ressource Image Cliquable représentant un écran d'accueil avec trois boutons : "Jouer", "Options" et "Quitter".
2. Dans le graphe, ajoutez un bloc Zone cliquable et connectez-le à un déclencheur (ex: chargement du module).
3. Assignez votre image à l'entrée image du bloc.
4. Le bloc affiche maintenant trois sorties : "Jouer", "Options" et "Quitter".
5. Connectez la sortie "Jouer" à un bloc de lancement de partie, "Options" à un menu de configuration, et "Quitter" à une confirmation de sortie.

⚙️ Détails Techniques

• Gestion dynamique des sorties : Le bloc analyse l'image pour générer automatiquement les sorties correspondantes aux zones interactives.
• Compatibilité : Prend en charge les calques de type TextWithImage pour l'extraction de texte (utile pour la traduction).
• Optimisation : Les entrées dynamiques permettent des ajustements en temps réel sans modifier la ressource image.

Version documentée : v2

Mis à jour le : 06/09/2026