🟪 Clickable zone

The Clickable area block allows you to create visual interactions directly on an image, by transforming predefined areas into clickable elements. It is ideal for designing user interfaces (custom buttons) or “Point and Click” type mechanics (objects hidden in a scene).

This block automatically generates dynamic outputs corresponding to the interactive areas configured in the image, providing a visual and intuitive approach for branching scenarios.

📥 Entries

• in (Flow): Entry point triggering the display of the clickable image.
• image (Clickable Image): Resource containing the interactive zones (layers or sub-zones) previously defined.
• Dynamic zones (Parameters): Additional entries automatically generated for each interactive zone, allowing its behavior or style to be modified before display.

📤 Outings

• [Zone 1 name], [Zone 2 name], ... (Stream): Dynamic outputs created for each interactive area of ​​the image. Clicking on an area activates the corresponding output.

💡 Example of use

Scenario: Custom home menu with visual buttons

1. You have prepared a Clickable Image resource representing a home screen with three buttons: "Play", "Options" and "Exit".
2. In the graph, add a Clickable area block and connect it to a trigger (eg: module loading).
3. Assign your image to the image entry in the block.
4. The block now displays three outputs: "Play", "Options" and "Exit".
5. Connect the "Play" output to a game launch block, "Options" to a configuration menu, and "Exit" to an exit confirmation.

⚙️ Technical Details

• Dynamic output management: The block analyzes the image to automatically generate the outputs corresponding to the interactive areas.
• Compatibility: Supports TextWithImage type layers for text extraction (useful for translation).
• Optimization: Dynamic inputs allow real-time adjustments without changing the image resource.

Updated on: 04/03/2026