X Tutup

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

I decided to go part-time to make free Godot guides!


You can help me pay rent on patreon and get cool rewards (like early access and cheatsheets)!

If you want to support me with a one time donation instead, you can do it here on itch or buy the very cool tween cheatsheet on itch.

You can also share the guide and leave a review, it helps tons!

Controls 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 Licence

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.

Updated 7 days ago
StatusIn development
CategoryTool
PlatformsHTML5, Windows, macOS, Linux
Rating
Rated 5.0 out of 5 stars
(166 total ratings)
AuthorChristophe
GenreEducational
Made withGodot, Krita
TagsAnimation, code, Cute, gdscript, Godot, guide, Tutorial, tween, User Interface (UI)
Average sessionA few minutes
LanguagesEnglish
InputsMouse
LinksFeedback

Download

Download NowName your own price

Click download now to get access to the following files:

Godot Tween Guide (Windows) 105 MB
Godot Tween Guide (Linux) 73 MB
Godot Tween Guide (MacOS) 64 MB

Development log

Comments

Log in with itch.io to leave a comment.

Viewing most recent comments 1 to 40 of 58 · Next page · Last page

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!!

(1 edit)

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 ❤️❤️

(+1)

Great learning resource! Keep up the great work.

(+1)

Thank you very much!!

Da GOAT

(+1)

thANK YOU!!

(+2)

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. 

(+1)

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!!!

(1 edit)

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!

(+2)

🐰

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)

(1 edit) (+1)

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

(+1)

I can't be the only one that was just stuck clicking the buttons right?

(+2)

Even I still do it all the time

(+1)

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()

(+2)

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.

(+1)

Oh my!! That is very kind, thank you so much !!!!

Loved it! Filled the feedback form too

Thank you!!

This is super nice! Hope you continue working on it!

Thank you ! And of course I will ! In fact, I’m working on it at the very moment !!

Super helpful! Thanks for putting this together!

My pleasure uwu

This is going to help me out so much thanks.

Nice!! My pleasure ❤️

hello please convert this encouragement/appreciation into additional cool interactive guides/dogs :)

processing

Really cool! Do you have plans to add windows/linux/macos builds?

(+1)

Yes!

Literally the best Godot teaching resource I have found next to the literal docs, thank you so much! Tweening makes so much more sense to me now!

I’m so glad! Thank you !!

(1 edit) (+1)

Update:Played for a while,AND this Is A Gem! The GEM

Yo this is an amazing guide, congrats! Keep implementing them!

Thank you ! I will !!

(+1)

May your skin be forever clear and your crops be watered

This is so cool and it's not even finished but I learned so much!

woa :o

Thanks for the very specific wishes

I’m glad its helping you !!

Awesome, I'll come back to it when I need to visually see transitions. Well done!

(+1)

Thank you very much uwu

That's Sick and Cozy!

you are slick and cozy

I loved it. This type of interactive guides are amazing as educational material. I'm a teacher myself and I'm also a Spanish translator. I can offer to translate to Spanish if you want. It'd be pretty useful for my students. Thanks for your hard work!

Oh wow that is such a nice thing to say !!! I have to look into the translation part, I would love my guide to be accessible to more people!!

Thank you!

(1 edit) (+1)

You can find me online as Ignawesome on most platforms, let me know when you are ready if you are interested.

Cool Guide

(+1)

Cool comment

amazing

No u

Viewing most recent comments 1 to 40 of 58 · Next page · Last page
X Tutup