This button has an image and text. When you hover over the image, it triggers the style of the text; making it bold, changing its color, and adding an outline effect. However, when you hover over the text, nothing happens; which is what I wanted. So if you have like 5 of these buttons and highlight over one of the image's button, its text will appear bold, outlined with color change; a nice effect to confirm selection before click.
(Major thanks to Remix, Angel Seraphim, AxelKong)
Code: Select all
#generic template - highlighting over image triggers text style05. highlighting over text does #nothing; working as a label only.
button:
idle_background "a1_idle.png"
focus_mask "a1_idle.png"
hover_background "a1_hover.png"
text "hello":
style "style_05"
action [jump("bla")]
style style_05:
hover_color "#A3D"
hover_bold True
hover_outlines [(2, "#000", 0, 0)]
This might not seem liek a big deal, but this was extremely, extremely difficult to figure out. It was the hardest thing I've done in Renpy so far. I've designed event systems, complicated dict, list, tuple loops, dry style normalization, good code practice to reduce repetitive variables, but this was the most difficult thing to figure out! lol