quick menu image maps, hotspot overlaps

Discuss how to use the Ren'Py engine to create visual novels and story-based games. New releases are announced in this section.
Forum rules
This is the right place for Ren'Py help. Please ask one question per thread, use a descriptive subject like 'NotFound error in option.rpy' , and include all the relevant information - especially any relevant code and traceback messages. Use the code tag to format scripts.
Post Reply
User avatar
Posts: 2
Joined: Wed Jan 03, 2018 7:02 pm
Projects: My Magical Demon Lover, To Trust An Incubus

quick menu image maps, hotspot overlaps

#1 Post by ViviChibi » Fri Jan 12, 2018 6:32 pm

After doing a lot of research on what to do regarding my quick menu image map, I still can't figure out what would be the best way to do this. I have a quick menu with circular buttons that I plan to turn into an imagemap, with the buttons as hotspots (this is the idle state):
ControlButtonsMenuOff_preview (1).png
ControlButtonsMenuOff_preview (1).png (42.38 KiB) Viewed 103 times
This is what I want the each button to look like when hovered:
26855416_10215465032043203_370121266_n.png (25.2 KiB) Viewed 103 times
The issue is that because Ren'py doesn't allow for circular hotspots, I am stuck using small squares as hotspots over each quick menu button. This is resulting in overlap so that when the user clicks on one of the buttons, part of the adjacent button is getting highlighted (in the hover state) as well.

Is there a better way to do this? I also have a file with one button highlighted in each, like so, if that helps:
ControlButtonsConfig_preview.png (37.47 KiB) Viewed 103 times
I know I could likely do this with image buttons, but I have a feeling that the placement along the compass quick menu art would be tricky, and I would rather not make my artist redo the menu as individual buttons. Any opinions on the best way to do this would be appreciated. :D

User avatar
Miko-Class Veteran
Posts: 744
Joined: Tue Aug 23, 2016 10:35 am
Skype: miinipaa

Re: quick menu image maps, hotspot overlaps

#2 Post by Ocelot » Sat Jan 13, 2018 2:48 am

My opinion is to never ever bother with imagemaps at all. One trick which can help you with transition to imagebutton is to make buttons take whole screen with small active area and alpha set to True.
< < insert Rick Cook quote here > >

Post Reply

Who is online

Users browsing this forum: Mirenzo