Over-Ambitious GUI Question (Solved)

[philat]

making alpha false I believe makes it so the buttons are only active when the actual text is being hovered.

No, it does the opposite.



Again, it is HIGHLY LIKELY that the ground image of the imagemap is simply blocking the background image from being seen. There are multiple ways to achieve what OP wants. Off the top of my head:

1. Make the imagemap not fullscreen.
2. Make the ground image completely transparent, with idle/hover images transparent other than the buttons parts.
3. Make the ground image a ConditionSwitch, which is controlled with SetVariable (rather than SetScreenVariable).
4. Use imagebuttons.

[camisteja]

No, it does the opposite.



Again, it is HIGHLY LIKELY that the ground image of the imagemap is simply blocking the background image from being seen. There are multiple ways to achieve what OP wants. Off the top of my head:

1. Make the imagemap not fullscreen.
2. Make the ground image completely transparent, with idle/hover images transparent other than the buttons parts.
3. Make the ground image a ConditionSwitch, which is controlled with SetVariable (rather than SetScreenVariable).
4. Use imagebuttons.

Yes, both images are fullscreen backgrounds. I sort of assumed that it wouldn't be difficult to swap one background image for another, but this became way more confusing than I bargained for.

I tried to follow advice #3 but I think I'm doing something wrong with the ConditionSwitch code. I'm going to do some research on how to make imagebuttons and/or use ConditionSwitch then. I'm not savvy at all when it comes to doing anything with imagemaps, as you can see. Thanks for the tips~

[philat]

Two things.

1. Try this. Literally the only thing I changed is the ground image in the imagemap.

Code: Select all

screen main_menu:
    default i = 0

    tag menu
    if i == 0:
        add "blah_ground.png"
    elif i == 1:
        add "blah_bghover.png"
    
    imagemap:
        
        ground Null()
        idle "blah_idle.png"
        hover "blah_hover.png" 
       
        hotspot (0, 40, 378, 176) action Start() hovered SetScreenVariable("i", 1) unhovered SetScreenVariable("i", 0)
        hotspot (0, 136, 378, 176) action ShowMenu('load') hovered SetScreenVariable("i", 1) unhovered SetScreenVariable("i", 0)
        hotspot (0, 235, 378, 176) action ShowMenu("preferences") hovered SetScreenVariable("i", 1) unhovered SetScreenVariable("i", 0)
        hotspot (0, 325, 378, 176) action Quit(confirm=False) hovered SetScreenVariable("i", 1) unhovered SetScreenVariable("i", 0)

2. I can't think of any reason the above wouldn't work, and given what you already have, it would seem to be the simplest solution. But obviously I can't test it, so on the offhand chance that it doesn't work, the below should be a decent place to start for ConditionSwitch. See also http://lemmasoft.renai.us/forums/viewto ... 51&t=19063 (the two separate imagemaps are just to give you an idea of where the hotspot is -- it's a 30, 30 rectangle from the top left corner of a 50, 50 solid square)

Code: Select all

image white = Solid("FFF", xysize=(50,50))
image red = Solid("F00", xysize=(50,50))

default testvar = True
image testcs = ConditionSwitch(
        "testvar", "white",
        "not testvar", "red")

screen test():
    imagemap:
        ground "testcs"
        idle "white"
        hover "red"

        hotspot (0, 0, 30, 30) action Null() hovered SetVariable("testvar", False) unhovered SetVariable("testvar", True)

    imagemap:
        xalign 0.9
        ground "white"
        idle "white"
        hover "red"

        hotspot (0, 0, 30, 30) action Null() hovered SetVariable("testvar", False) unhovered SetVariable("testvar", True)

[namastaii]

It's possible because it works on mine. You just want the background to change when you're hovering over the buttons right? And the background to go back to normal when the mouse ins't hovering? If so, if you want you could send the file to me and I'll see if it works on mine lol I don't know why it wouldn't be working.

[camisteja]

I am very sorry for the delayed response! For a while, I tried to research alternate solutions to my problem (as in, I gave up and tried to find an alternative to Renpy) but when that didn't work out very well, I decided to try harder to learn GUIs. In the end, I think I understand imagemaps a LOT better, so I'm going to just mark this forum as closed.

I really appreciate all the help everyone gave! Much thanks~

[namastaii]

I read over this again and realized I misread Philats posts. He's right. If your imagemap is a full picture, it's going to be slapped on top of everything else, including the background picture, buttons, and anything else. So if you need an imagemap on your picture, you're going to need to make it transparent and empty except for the buttons you are using, etc. Well, I hope everything works out for you. Good luck