[Solved] Imagemap - Selecting more than one

[Karas]

Hello there lovely people,

The game designers of our team want some kind of circular or donut button menu.
I tried with imagebutton, but without results because the transparency of the PNG isn't taken and that broke the effect.

So then we tried with imagemap, but we are having this result with a quick prototype:
[youtube]
https://www.youtube.com/watch?v=RvAKufHXM2w[/youtube]

So basically the Red button works fine, but the blue one, when is selected, visually (only visually) highlights both buttons.

There is some way that we can resolve this? We already tried to reduce the hotspot area, and nothing.


Here is the chunk of code.

Code: Select all

screen rueda_deciciones():
    imagemap:
        idle "cake idle"
        hover "cake hover"

        hotspot (640, 353, 732, 411) action Notify(_("Elegiste Hobbies.")), Jump("hobbies") alt "Hobbies"
        hotspot (762, 441, 842, 559) action Notify(_("Elegiste University.")), Jump("university") alt "University"

Thanks in advance!

[DannX]

Using imagebutton, did you try setting the focus_mask property to True? Doing so make its so only non-transparent areas of the button are clickable, if that was the problem you had with imagebutton.

[Karas]

Thanks DannX, today I will try that, and report you, I don't acknowledged the focus_mask property.



UPDATE:
it works! Thanks a lot DannX!

The only problem its having is that when is partially selected the buttons has some spasm effect until you center the cursor on them, but by the moment is all what we need.

Thanks!

Solved