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
Message
Author
User avatar
ViviChibi
Newbie
Posts: 6
Joined: Wed Jan 03, 2018 7:02 pm
Projects: My Magical Demon Lover, To Trust An Incubus, Morningdew Farms
Contact:

quick menu image maps, hotspot overlaps

#1 Post by ViviChibi »

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 361 times
This is what I want the each button to look like when hovered:
26855416_10215465032043203_370121266_n.png
26855416_10215465032043203_370121266_n.png (25.2 KiB) Viewed 361 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
ControlButtonsConfig_preview.png (37.47 KiB) Viewed 361 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
Ocelot
Lemma-Class Veteran
Posts: 2402
Joined: Tue Aug 23, 2016 10:35 am
Github: MiiNiPaa
Discord: MiiNiPaa#4384
Contact:

Re: quick menu image maps, hotspot overlaps

#2 Post by Ocelot »

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: Ahrefs [Bot], Google [Bot]