Adding some squish to my UI elements


I've been messing around a lot recently with UI because I want to make my games feel more satisfying, I think it is really paying off!

This is for two of my games, Slip & an in development game Slide You can try Slip on Android or iOS now for free if you are curious and want to help me out!

Here are some squishy buttons I am thinking of adding into Slip and also Slide going forward. They essentially stretch outwards and squish downwards, they also move down slightly to account for the fact that the rectangle's are smaller now. This makes it look like they are sitting in place while being squished! They also have a slight upward bounce when released because I am using LibGDX's Interpolation.swingOut

I've also been working on some simple toggle UI elements that have a load of animations too! 

Here is an insight into the states this element has!

public enum AnimatedToggleSwitchState {
    OFF,
    ANIMATING_TO_PRESSED_OFF,
    ANIMATING_TO_UNPRESSED_OFF,
    PRESSED_OFF,
    ANIMATING_TO_ON,
    ON,
    ANIMATING_TO_PRESSED_ON,
    ANIMATING_TO_UNPRESSED_ON,
    PRESSED_ON,
    ANIMATING_TO_OFF
}

I'd love to know what you think!

- RegularJoe

Leave a comment

Log in with itch.io to leave a comment.