Click and Hover

All objects capable of visibility (button, image, gif, skin_3d, text, etc.) can execute functions in on-click, on-hover, and off-hover triggers.

In addition, any properties of those objects can be changed when hovering, by adding on-hover- in front of the property name (on-hover-color: red).

Button with hover

hoverbutton1:
  type: button
  size: 256 128
  
  outline-width: 4
  outline-color: none
  
  ## button will have an outline when hovered
  on-hover-outline-color: white
  
  on-click:
    msg1:
      type: send_message
      message: 'On click'
  on-hover:
    msg2:
      type: send_message
      message: 'On hover'
  off-hover:
    msg3:
      type: send_message
      message: 'Off hover'        

Clickable image with hover

hoverimage:
  type: image
  size: 256 256
  
  image:
    name: image.png
    ## image will change when hovered
    on-hover-name: hover-image.png
    
  ## functions to execute when image is clicked  
  on-click:
    msg1:
      type: send_message
      message: 'You clicked on this image!'