Articles on: Blocks Creator
This article is also available in:

πŸŸͺ Alter clickable zone

πŸŸͺ Alter clickable zone



The Modify Clickable Area block allows you to dynamically modify the state, appearance or activation of a clickable area in a visual block (like Graph blocks).


This block is specially designed for transparent areas overlaid on images, offering functionality similar to the Edit choice block but adapted to visual interactions.


πŸ“₯ Entries


  • type (String): The desired modification action from: disable, rename, remove (Hide), or changeStyle.
  • condition (Boolean): A Boolean determining when the modification takes effect. Required for disable and remove actions.
  • text (String): The text associated with the bubble, tooltip or Markdown area. Required for disable, rename and remove actions.
  • borderStyle (String): Sets the visual indicator of the area (boxed). Required for disable, rename and changeStyle actions.


πŸ“€ Outings


  • out (ChoiceConfig): Configuration of the hotspot to connect to a hotspot option input.


πŸ’‘ Example of use


Scenario: Disable a clickable area after interaction


  1. A player interacts with an interactive map representing a room with several clickable objects.
  2. After clicking the switch, the light will turn on and the clickable area of ​​the bulb should be turned off.
  3. Add a Modify Clickable Area block with type set to disable.
  4. Configure the condition to be true when the LightOn variable is equal to true.
  5. Connect the out output to the configuration input of the "Bulb" clickable area in the visual block.
  6. Result: The clickable area of ​​the bulb becomes inactive and no longer reacts to hovering or clicking.


βš™οΈ Technical Details

  • Operations management: Each type of operation (disable, rename, remove, changeStyle) dynamically activates the required entries in the interface.
  • Compatibility: This block only works with clickable areas defined in Markdown in visual blocks like Graph.
  • Dynamic variables: The text and borderStyle inputs accept variables for real-time customization.

Updated on: 04/03/2026

Was this article helpful?

Share your feedback

Cancel

Thank you!