🟪 Zone cliquable
🟪 Zone cliquable
Le bloc Zone cliquable permet de créer des interactions visuelles directement sur une image, en transformant des zones prédéfinies en éléments cliquables. Il est idéal pour concevoir des interfaces utilisateur (boutons personnalisés) ou des mécaniques de type "Point and Click" (objets cachés dans une scène).
Ce bloc génère automatiquement des sorties dynamiques correspondant aux zones interactives configurées dans l'image, offrant une approche visuelle et intuitive pour les embranchements de scénarios.
📥 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
- Vous avez préparé une ressource Image Cliquable représentant un écran d'accueil avec trois boutons : "Jouer", "Options" et "Quitter".
- Dans le graphe, ajoutez un bloc Zone cliquable et connectez-le à un déclencheur (ex: chargement du module).
- Assignez votre image à l'entrée image du bloc.
- Le bloc affiche maintenant trois sorties : "Jouer", "Options" et "Quitter".
- 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
TextWithImagepour 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.
Mis à jour le : 04/03/2026
Merci !
