I want an animation of a shape being drawn. It's lines should appear one by one

What Wick Editor Version are you using?
1.19.3 Web editor

Describe the Problem
I can’t animate the specific lines appearing slowly one by one to make a shape/

What have you tried so far?
I tried creating shapes the same as the background colour and using them to reveal my original shape but that doesn’t seem to work until the point I have to create a layer for every side of the shape.


is this the kind of thing that you’re looking to do?

Actually, I want all the 4 sides of this shape to appear one by one like, the first line at the right to appear following the bottom line followed by the left and the top, so sort of like a stroke effect.

@Hamzah_Alani created a library that I’m pretty sure that you can achieve that…


Another option is to use canvas directly and use fillRect decreasing the width and height in every frame.

@Nether_Dwarf this isnt too difficult to make. One method amd prehaps the most efficent would be starting with a dot of one line and tweening it over frames resizeing it to full length and repeating the process for each side of the square

2 Likes