Making Animated clickable sprites in Renpy, Animated Imagebuttons

How to make animated imagebuttons/ clickable animated sprites in Renpy
if you need to know how to make animated sprites please reference ATL here www.renpy.org/doc/html/atl.html or theres lots of videos like this one • A beginner friendly in...
or my video on movie sprites here • How to make Movie Spri...
Also for tutorials on making imagebuttons in general • RenPy Tutorial using i... or documentation www.renpy.org/doc/html/screen...
free sound effects from www.fesliyanstudios.com
My games are free at
coffeedripstudios.itch.io

[@eroverse_studio]

You are making the best Ren'Py videos, for sure

[@coffeedripstudios]

Oh wow thank you for the generous compliment! I do think there are some really good other renpy vids out there though. If you haven't seen Zeil's Tutorials, I learned a lot from her myself ^^ czcams.com/video/C3Ldd-5PKCw/video.html

[@jamieandreassen6720]

You've videos have been incredibly helpful to me. I'm not a savvy programmer by any means, and your advice and tips have allowed me to more realize the kind of VN I want to create. :)

[@coffeedripstudios]

I'm definitely not a savvy programmer either so I thought maybe my solutions might resonate with other people like me (with no computer science training). So glad you found it helpful. Best wishes and hope you have fun!

[@atomisten]

thanks nice video. although a bit low quality-wise so it's hard to read what's on screen (blurry)

[@coffeedripstudios]

Hi atomisten, thanks fort your comment. I'm not sure why the video quality is low here , I think it was a user error somehow on my part. I'm sorry for that and will try to have better quality for text in the future. If you have questions for any of the code I will try to answer/direct you. Thanks again!

[@trubluIs]

So interesting! Thank you for sharing

[@coffeedripstudios]

glad you found it interesting! thanks for checking it out

[@ExtemporaneousnessOne]

Thank you for this tutorial 🙏

[@coffeedripstudios]

Hope you found this interesting/helpful!

[@lukashenrique4295]

this is really cool!

[@coffeedripstudios]

Thanks! I'm glad you liked my video

[@JornLavoll]

nice!

[@mazyllendya]

thanks!!!

[@rokishi]

I am a bloody beginner. This looks super neat! Is it possible to somehow download the code you were playing with?

[@coffeedripstudios]

Hi Rokishi, Thanks for checking out my video. unfortunately I ended up deleting this example otherwise I would've been happy to share it with you. I know documentation can be kind of a slog to parse through, but I highly reccomend checking out the lemmasoft forums, cookbooks and dischord. lemmasoft.renai.us/forums/ best wishes on your journey!

[@NeonKix]

Thank-you, can you please show the desired effect at the start of the video? Would really be appreciated.

[@coffeedripstudios]

Hi there NeonKix, I would like to keep your request in mind, but I'm not sure what you mean. Could you be a bit more specific or give me an example? Thanks! best wishes

[@top3model]

thank you so much for the video😘 I was finally able to do it but i also have a problem that i don't know how to fix the pose for idle and hover... i mean in your game "Hungry" when we go for demo to play...in the room the character be hovered Exactly when the computer mouse is placed on them but for me in my game when i do that the hover is in all of the game display and find out that your character image pixle are smaller than 1920*1080 they are 635*730 but when i do that in my game i can not pose the character in the good place like your game that character lying on the bed...
and one problem for the video is that the quality is low...reading the cod is difficult
but after all thank you so much for doing this it help a lot

[@coffeedripstudios]

Hi there! Yes you need to cut as much extra space from around the sprite or the imagebutton will take up the entire screen. You can try and work around this by assigning hotspots instead of positioning sprite using xpos/ypos/xalign/yalign but this will get super laggy and actions will probably lag if you have multiple animated sprites taking up the entire screen and overlapping so I don't suggest that. It's better just to fighting with accurate position assigning.

[@top3model]

@@coffeedripstudios yeah and for my game it well be a lot of work!

[@renefrijhoff2484]

Just set quality to 720p in the settings of the video and it will be much clearer (by default it will be played at 360p, at least in my browser on my pc).

[@GabeBruhm]

720P? It's 2023. Rhyme not intended, don't be offended, It would be nice, If I could actually see, What's in front of me, just some advice.

[@coffeedripstudios]

Hi Gabe, no offense taken. I do usually try to upload 1080p so Im not sure what happened to this video. Sorry about that >_< !

[@renefrijhoff2484]

@@coffeedripstudiosThe video goes not further then 720p so no 1080p, but people have to change the quality manually at times as the automatic play quality will not always work (don't know why though).

[@renefrijhoff2484]

Just set quality to 720p in the settings of the video and it will be much clearer (by default it will be played at 360p, at least in my browser on my pc).