Godot Tween Guide
Want to improve the feel of your games?
Want to create cool animations with 2 lines of code?
Wake up at night screaming "WHEN WILL I UNDERSTAND TWEENS?"?
Well, this guide is made for you (if you use Godot 4.0+)!
Other questions you'll get answers to : How to use a tween? How to animate with code? Why tween.kill()? Is there an alternative to animation player? how to animate ui? how to add juice in godot? How does tween transition work? How to interpolate properties in Godot?
What's in it?
This guide is made of individual pages that are :
- interactive (you can play with em)
- accompanied with code snippets (and visuals)
- easy to understand (1 - 2 sentences long)
- hand crafted with love (some have secrets)
- free (no money)
It's divided in 3 categories:
- šµInteractive Guide: pages that explains tweens in general
- š”Examples and Demos: pages that uses tweens in various ways
- š“Tips: tiny pages with cool tricks or useful info
This guide is written for Godot 4.5 + and gdscript.
How to help
You can support my free guides (and I) in various ways!
- Buy the All-in-One version, that combines all my free guides in one app (+extra)
- Buy the Ready-to-Go collection, that regroups all my free cheatsheets in one download
- Leave a one time donation here on itch
You can also share the guide and leave a review, it helps ALOT!
Commands and Keyboard Shortcuts
Everywhere
- Zoom : +/- or ctrl + mouse wheel or page up/down
Inside a page
- Interact : click and drag with mouse or finger
- Replay : down arrow
- Next page : right arrow
- Previous page : left arrow
Credits and License
Please refer to the credit page inside the guide to see all the credits!
The code snippets provided in this guide are under the CC0 license. You can use them in personal, educational and commercial projects with no attribution required.
Download
Click download now to get access to the following files:
Development log
- V 2.3.0: Custom Transitions and Floating Ouchies88 days ago
- V 2.2.0: Talk to me in GDscriptApr 02, 2026
- V 2.1.0: the dangerous life of tweensMar 02, 2026
- v 2.0.0: Cheatsheet and more guidesFeb 02, 2026
- V1.2.0: Hollow Knight InterfaceJan 12, 2026
- V1.1.1 : New tip and preventing accidental inputsDec 19, 2025
- V1.1.0 : New pages !!!Dec 02, 2025
- v1.0.1 : Auto Zoom TomfooleryNov 23, 2025
Comments
Log in with itch.io to leave a comment.
Super useful, intuitive, and fun to play with! I learned some cools tricks I didn't know you could do with tweens.
thank you!! Iām glad you did!!
Going to be so useful once I program my UI for Flowerbud, tysm for making this amazing guide :) looking forward to seeing the flower field!
Thanks alot!! Iām glad you like it!! Iām taking a little break on this guide, but Iāll make sure to try to finish the flower field page when I get back to it!
This is AMAZING! I love those sorts of interactive tutorial! It's so good and so smooth!
I'd love something similar that explain signals in details and common examples, questions & situation shown in interactive form like this!
Thanks!!
I donāt have any plan for explaining signals, but Iām working on an interactive guide for User Interface!
The demo āeasy juicy buttonā probably is the closest thing I have that talks about signals!
Iāll keep your suggestion in mind though!!
"easy juicy button"?
I am unable to find it, can you link it to me please? Thanks!
I L O V E this so much, it makes it SO easy to understand.
While it might too much to ask for, I would love to see a equivalent while designing User Interface.
Love your work!
Thank you very much!! Iāve been slowly drafting some ideas for a Ui guide!!
A bit late but my subjective wish for how it would function would be that you can set the screen size, add your own graphics, adjust where you want it on the screen and when you have what you want, you then get the scene tree hierarchy and the settings in the Inspector.
This is very subjective and perhaps idealistic (I think that's the word I want to use) but nonetheless, I'm looking forward to it!
This is more a tool than a guide at that point haha
I think i can make it so you donāt fear control nodes and understand them! That way you can really do it yourself!
At first i hated em, but now I almost only use them!!
Iām probably going to have alot of typical ui demos as well!
I mean, I did mention "wish", using the Control nodes in Godot have been such a headache for me.
But if you can make something where working with Control nodes isn't as much of a hassle, then I would be MORE than happy
Thank you very much !! You save my ass bro!! Love from Chengdu
You are very welcome!!
esto es jodidamente util y ayuda muchi visualmente para aprender los que nunca tocaron y no sepan usar tween,beautiful and truly useful (no se inglish
Gracias!!
This is a fantastic showcase of very simple effects that can have very significant benefits to a Godot game. Well done!
Thank you!!
Sorry to bother u Christophe, but I couldn't find a specific font in the "Credits and Licence".
The font that I'm looking for was used in the art below.
So may you tell me the name of it ? It's ok if you don't.
I hope you are happy cuz i think you are a good person :)
Thank you.
Hi!!
The fonts i use are
Bolota (thats the one you want) National park Jetbrains mono
Thanks for the kind words!
Thank you for making this!! This is super helpful
Thank you!! Happy to help :D
This is very interesting!
Thanks!
Ā”Awesome!
Thanks!!
Please add windowed mode too! I can only play it at fullscreen
Someone else also made this request! Iām trying to figure out what the option menu will look like
Wow, that's really cool! Thank you! Can't wait for those planned/wip tabs :D
Thank you!!
This has been incredibly helpful on starting on my game development journey- thank you!!
Iām very glad i could help! Good luck with your journey, you can do it!!!
Thanks!!
Doing god's work! Thank you so much for this!
My pleasure!!!!
You are a legend <3
NO YOU ARE!! (thank you šš»šš»)
Thank youu!! It's so helpful!
Happy to help!!!!
Being blown away by how smooth the UI is then learning how to make it is awesome. Amazing guide!!!
Thank you so much!!!
amazing amazing amazing. what a wonderful and helpful resource. thanks so much for making it.
Aw thank you so much!!!
So awesome! Thanks a lot.
No your awesome!! Thank you!
This is absolutely one of the best Godot learning materials available. Thank you so much for doing it!
Aw thank you š„¹
This was really nice thank you for making this I now have a game that uses the buttons that you explained (Or what ever) and yes I do want more pages for this guide
Iām glad!! Thank you for letting me know and for the kind words!!
Yes yes you are very welcome I hope you have a great time making these new pages to the guide (At least if you are). You are going to make them... right?
Yes of course!
You sure?
Yes!
I really enjoy your UI/UX design and the effects that you have chosen to showcase are quite cool! Even for people who are experienced with Tweens, this is a neat source of inspiration.
For bouncy text, if using a separate label node for each letter becomes a limitation, the effect can also be created using one RichTextLabel and a custom RichTextEffect.
Anyway, thanks for the work that you have put into this resource!
Thank you!!
You are right about the RichTextLabel (the godot paperclip mentions it a bit) !
My pleasure ā¤ļøā¤ļø
Great learning resource! Keep up the great work.
Thank you very much!!
Da GOAT
thANK YOU!!
This a very helpful guide. Thank you for taking the time. Now take a donation for your efforts.
Typo in "Progress Bars in Loop" a code comment in restart_animation() says:
# scale = 1.1 when this step stars...
Should be # scale = 1.1 when this step starts...
In the simpler version the audio does not seem to pitch increment.
The font that you are using is causing <= to be displayed as ā¤ which is less readable and I do not think Godot will accept it, though I could be wrong on the latter.
Thanks for the donation and the feedback!!
Iāll fix the type when iāll be working on the next update!
I tought i had disabled the ligatures on the font, iāll fix that too, thank you!
And the audio pitch isnāt increasing in the simple version, because its the simple version hahaha
Thank you again, really appreciate it!!!
Thanks for putting all the effort into making this guide! It is really beautiful and fun and helpful :D - also: cool guide!
Thank you so much!!
Also: cool comment
This is really cool and super helpful. Thank you!
Im glad, thank you!!!
There should be something scary in the flower field...
The Bunny?
Maybe not scary, but ill definitely add some secret there when i finish !!
Let's goo!
Was threatened by a bunny with a gun, 10/10!
š°
Been loving this, thank you so much for putting the time to put this all together! Looking forward to when the flowerfield example page is up, although I feel like I understand how it's build :D
Also found a spelling mistake on the Frog line on the "Instant Finish" Page (ensure instead of ensures)
Thank you for the comment and for the typo, iāll have it fixed for the next version!!
If it helps, the flower field is made with Line2D and tween_method !
This is really cool!
No you are very cool
I can't be the only one that was just stuck clicking the buttons right?
Even I still do it all the time
This is awesome!
No you !!!
This is super fun. Can tell this has taken a lot of work - thanks for sharing it!
Thank you very much :D
Wow so cool and cute and well animated, congratulations! Have hugs:
var tween=create_tween() tween.set_ease(Tween.EASE_OUT).set_trans(Tween.TRANS_QUART) tween.tween_property(hug, ātightnessā, 100, 1.0) tween.set_loops()
Woa that is such a cute comment
Thank youuu!!!
i pressed dog and it spawned a dog so that alone has earned you my comment, i am excited to dig in further
Hahaha i like how you think
Amazing tutorial! Showing it to my dev friends!
Iām glad :D I hope they like it!
Thank you!!
Although I am already a Tween user, I think this project is very well done and I am supporting it with $5.00 to start with, then I will add another $10.00 when it is finished. Thank you, Christophe.
Oh my!! That is very kind, thank you so much !!!!
Loved it! Filled the feedback form too
Thank you!!