Procedural animations (by Lampogolovii)

The Defoldmine
#1

Hi!
I do a lot of animations by code. (because I can’t animate in Spine, ha-ha!)

So here I’d like to share my simple posts about procedural animations that I’ve created in the past.
(AS3 based code. But it could be easily transformed to LUA)

Animation-1. Really complicated with a lot of math
procedural_6

Animation-2. Useful tip about bouncing ball
ball_1

Animation-3 Easy way to make pixel-style sand particles.
sugar_1

Animation-4 Loop animations with sine-function
sine_2

Aimation-5 Several weird procedural animation. Just for fun
circles_2

Animation-6 A lot of useful procedural UI-animations.

ui_1 (ver3)
ui_1 (ver3)498×598 941 KB

ui_3
ui_3496×596 5.16 MB

Animation-7 Some shaking animation tips.

twitter_shaking
twitter_shaking496×598 2.7 MB

…and what about Defold?
Yes, I do a lot of animations by code!
Good news! Recently Insality has created nice tool called Panthera for this type of animations.
I’ve tried it!

crown_1
crown_1600×679 469 KB

worry_1
tree_1
tree_1600×679 786 KB

So… I think I will use this tool in my work.
Feel free to ask any question :slight_smile:

31 Likes
#2

Thank you for sharing, this is a very good series of tutorials! :heart:

Also, gif/short vid tutorials, especially with such animations and visual presentation are very viral and perfectly suited for social media like Twitter, Tik-Tok or IG - if you didn’t yet started posting them - I encourage you! :smiley:

7 Likes
#3

Wow! Amazing set of write ups, especially those neat UI tricks.

5 Likes
#4

This is great! Thank you for your sweet examples and explanations!

5 Likes
#5

Thanks! Yes, I’ve posted these gifs to my Twitter too.

4 Likes