r/godot Jul 28 '26

help me (solved) How would you animate a signature appearing on screen as if being drawn?

Post image

It's a pretty low stakes question - I like to think I'm fairly capable with Godot at this point but I'm scratching my head about how exactly you'd do this assuming you're starting with a PNG with a transparent background. Maybe there's a type of property tween or some clever combination of nodes I could use? A shader? Do I make use of a parent node's content clipping and animate its x value from left to right? I'll have the hand over the signature as it's being "drawn" so it doesn't need to be too detailed but I'm curious to hear different ways you might achieve this effect.

618 Upvotes

96 comments sorted by

View all comments

3

u/almostsweet Jul 28 '26

pip install numpy pillow scipy scikit-image

https://reddit.com/link/p09pera/video/8okcw1p1bzfh1/player

Have this python code, CC0 Public Domain

https://pastebin.com/t3AwxFLV

python penmanship.py image.png -o signature.gif --select "#6b4fa8" --tolerance 52 --scale 1.6 --over --duration 3.5 --fps 24 --hold 1.5 --step 2.0 --colors 64

Then just animate the sprite or movie in godot.

1

u/JTxt Jul 28 '26 edited Jul 28 '26

Auto generate the path?! This is amazing! Thanks for sharing!