Help on hover animation?

[LittleRainySeasons]

Somehow I really wanted to do an animated hover and pretty much I coded it this way:

Code: Select all

image mainstart_hover:
    "mainstart_button1"
    pause .04
    "mainstart_button2"
    pause .04
    "mainstart_button3"
    pause .04
    "mainstart_button4"
    pause .04
    "mainstart_button5"
    pause .04
    "mainstart_button6"
    pause .04
    "mainstart_button7"
    pause .04

and when I placed it as an imagebutton in the menu, it won't show the animation? It only showed when I did it on repeat.

Is there a way to fix this? Also, is it possible to do an animation as well when unhovered?

[Imperf3kt]

How did you "placed it as an imagebutton in the menu"?
What is written for the code?

[LittleRainySeasons]

How did you "placed it as an imagebutton in the menu"?
What is written for the code?

I pretty much placed it like this

Code: Select all

imagebutton:
        idle "mainstart_idle"
        hover "mainstart_hover"
        xpos 547 ypos 453
        focus_mask True
        action Start()

[Imperf3kt]

You may need to use the "hovered" image attribute.

Code: Select all

imagebutton:
        idle "mainstart_idle"
        hover "mainstart_hover"
        hovered "mainstart_hover"
        xpos 547 ypos 453
        focus_mask True
        action Start()

Here's another way to apply animations within a screen (taken from an old project, I've actually updated this somewhat - this is just code from a backup but it may give you some more ideas.)

Code: Select all

screen navi_drop():
    zorder 0
    
    style_prefix "navi_drop"
    
    frame:
        at slide_vertical
        has vbox
        ysize 1178
        ymaximum 1178
        grid 1 6:
            spacing 50
            
            imagebutton alt "save" hover "gui/button/save.png" idle "gui/button/save.png" focus_mask True action ShowMenu("save"), Hide("navi_drop")
            imagebutton alt "load" hover "gui/button/load.png" idle "gui/button/load.png" focus_mask True action ShowMenu("load"), Hide("navi_drop")
            imagebutton alt "options" hover "gui/button/options.png" idle "gui/button/options.png" focus_mask True action ShowMenu("preferences"), Hide("navi_drop")
            imagebutton alt "about" hover "gui/button/about.png" idle "gui/button/about.png" focus_mask True action ShowMenu("about"), Hide("navi_drop")
            imagebutton alt "achievements" hover "gui/button/achievements.png" idle "gui/button/achievements.png" focus_mask True action ShowMenu("achievements"), Hide("navi_drop")
            imagebutton alt "main menu" hover "gui/button/main.png" idle "gui/button/main.png" focus_mask True action renpy.full_restart
    
        
transform slide_vertical:
    on show, replace:
        yanchor 1280
        linear .36 yanchor 0
    on hide, replaced:
        yanchor 0
        linear .36 yanchor 1280

style navi_drop_frame:
    background Frame(gui.main_menu_base, gui.navi_drop_frame_borders, tile=gui.frame_tile)
    padding gui.navi_drop_frame_borders.padding
    xpos 0
    ypos 102

[LittleRainySeasons]

You may need to use the "hovered" image attribute.

Code: Select all

imagebutton:
        idle "mainstart_idle"
        hover "mainstart_hover"
        hovered "mainstart_hover"
        xpos 547 ypos 453
        focus_mask True
        action Start()

Here's another way to apply animations within a screen (taken from an old project, I've actually updated this somewhat - this is just code from a backup but it may give you some more ideas.)

Code: Select all

screen navi_drop():
    zorder 0
    
    style_prefix "navi_drop"
    
    frame:
        at slide_vertical
        has vbox
        ysize 1178
        ymaximum 1178
        grid 1 6:
            spacing 50
            
            imagebutton alt "save" hover "gui/button/save.png" idle "gui/button/save.png" focus_mask True action ShowMenu("save"), Hide("navi_drop")
            imagebutton alt "load" hover "gui/button/load.png" idle "gui/button/load.png" focus_mask True action ShowMenu("load"), Hide("navi_drop")
            imagebutton alt "options" hover "gui/button/options.png" idle "gui/button/options.png" focus_mask True action ShowMenu("preferences"), Hide("navi_drop")
            imagebutton alt "about" hover "gui/button/about.png" idle "gui/button/about.png" focus_mask True action ShowMenu("about"), Hide("navi_drop")
            imagebutton alt "achievements" hover "gui/button/achievements.png" idle "gui/button/achievements.png" focus_mask True action ShowMenu("achievements"), Hide("navi_drop")
            imagebutton alt "main menu" hover "gui/button/main.png" idle "gui/button/main.png" focus_mask True action renpy.full_restart
    
        
transform slide_vertical:
    on show, replace:
        yanchor 1280
        linear .36 yanchor 0
    on hide, replaced:
        yanchor 0
        linear .36 yanchor 1280

style navi_drop_frame:
    background Frame(gui.main_menu_base, gui.navi_drop_frame_borders, tile=gui.frame_tile)
    padding gui.navi_drop_frame_borders.padding
    xpos 0
    ypos 102

Oh okay, thanks!

But is there a way to do the code for the animation when it's unhovered? (Since I literally made one and I just reversed the frames of the hover animation)

[Imperf3kt]

I think that'd be idle_selected.
Can't currently check.