Unresponsive image buttons [SOLVED]

[Hikari_Kaitou]

Hello everyone, I'm new here and new to RenPy and I'm having kind of a strange problem. I suddenly can't get my image buttons to function. The hover states don't work and they don't perform the action I've programmed them to. There are no error reports, it simply doesn't work. I followed a video tutorial on youtube (https://www.youtube.com/watch?v=BJ3pqhQf2Rw) to the letter and it just does nothing. I realize that most of my actions say "Null", that's not the issue; the issue is that the hover version of the image doesn't appear and the jump doesn't work. Is this a matter of RenPy 8.1 working differently from older versions or am I missing something here?

[Ocelot]

First two buttons might as well be not present. Third ove will be drawn over them and prevent them from ever working.

Third button will not receive any hover/unhover event since it lacks a proper on click Action.

As a bonus, you should not use hover/unhover actions to show tooltips (as it is unreliable, there are ways to get a hovered event without then triggering unhovered and vice versa) you should use tooltip property for that.

[Imperf3kt]

In addition to the above, your indentation is not right, you are using 8 spaces, but you should be using 4

Here's an example of one way to use imagebuttons

Code: Select all

screen myScreen():
    modal True
    fixed:
        spacing 10

        imagebutton:
            auto "gui/myimage_1_%s.png"
            focus_mask True
            hovered <hovered action>
            unhovered <unhovered action>
            action NullAction()

        imagebutton:
            auto "gui/myimage_2_%s.png"
            focus_mask True
            hovered <hovered action>
            unhovered <unhovered action>
            action NullAction()

        imagebutton:
            auto "gui/myimage_3_%s.png"
            focus_mask True
            hovered <hovered action>
            unhovered <unhovered action>
            action NullAction()

[Hikari_Kaitou]

First two buttons might as well be not present. Third ove will be drawn over them and prevent them from ever working.

I see, so how do I fix that?

[Hikari_Kaitou]

In addition to the above, your indentation is not right, you are using 8 spaces, but you should be using 4

Does incorrect spacing prevent the code from functioning?

[Ocelot]

First two buttons might as well be not present. Third ove will be drawn over them and prevent them from ever working.

I see, so how do I fix that?

Depending on what you need, wrap them in hbox/vbox to lay them out horisontally/vertically or just provide them their positions with xpos/ypos or xalign/yalign

[Hikari_Kaitou]

First two buttons might as well be not present. Third ove will be drawn over them and prevent them from ever working.

I see, so how do I fix that?

Depending on what you need, wrap them in hbox/vbox to lay them out horisontally/vertically or just provide them their positions with xpos/ypos or xalign/yalign

Ok, I tried a different approach. Now the action that's supposed to happen does function, but it still doesn't show the idle or hover images. I still don't get an error message.

Code: Select all

screen waterfall_nav():
    imagemap:
        ground "forest 3 by brgfx_idle"

        fixed:
            spacing 10

            imagebutton:
                xpos 1562
                ypos 961
                idle "forest 3 by brgfx barley_idle"
                hover "forest_3_by_brgfx_barley_hover"
                action Jump("barley")

[Imperf3kt]

In addition to the above, your indentation is not right, you are using 8 spaces, but you should be using 4

Does incorrect spacing prevent the code from functioning?

That depends.
https://www.renpy.org/doc/html/language ... and-blocks

Indentation is very important to Ren'Py, and cause syntax or logical errors when it's incorrect.

[Hikari_Kaitou]

I'm not getting an error message, so hopefully that means the spacing is ok?

[Hikari_Kaitou]

Every time I create a second button, it overwrites the first button's function. I don't understand. I've already created four imagebuttons successfully on a different screen and they work just fine. These new imagebuttons look the same coding-wise but they don't work...

[Alex]

Every time I create a second button, it overwrites the first button's function. ...

What's the size of your imagebuttons - any chance that they are overlap each other (as Ocelot pointed)?
How do you positioning them (are they inside a v/hbox, grid or have individual coordinates)?

[Hikari_Kaitou]

Every time I create a second button, it overwrites the first button's function. ...

What's the size of your imagebuttons - any chance that they are overlap each other (as Ocelot pointed)?
How do you positioning them (are they inside a v/hbox, grid or have individual coordinates)?

Here's my code

Code: Select all

screen waterfall_nav():
    imagemap:
        ground "forest 3 by brgfx_idle"

        imagebutton:
            xpos 1562
            ypos 961
            hover "forest_barley_hover"
            idle "forest_barley_idle"
            action Jump("barley")

        imagebutton:
            xpos 242
            ypos 658
            hover "forest_muscat_hover"
            idle "forest_muscat_idle"
            action Jump("muscat")

        imagebutton:
            xpos 524
            ypos 954
            hover "forest_chamomile_hover"
            idle "forest_chamomile_idle"
            action Jump("chamomile")

It's formatted exactly like my other screen, which works perfectly, and yet this one doesn't do what it's supposed to

[Alex]

...

So, what about size of those 'forest' images?

[Hikari_Kaitou]

...

So, what about size of those 'forest' images?

All my images are 1200 x 1080. The hovered and idle images are completely transparent, except for the affected areas.

[Hikari_Kaitou]

Someone helped me figure out the problem. My hover and idle images didn't need all that transparent space. After cropping the images down, they fit on the screen properly. Thank you to everyone who advised me!