How do you animate a self-drawing line using only one layer?

Question

Looking for a simple way to animate schematics. And since I want to export it as interactive HTML5, Animate is perfect for the job. In After Effects they have this Trim Paths effect and this is exacly what I want. Can you do something similar in Animate as well, or am I stuck using motion tweens or masks on multiple layers?

ClayUUID · Accepted Answer

Adobe never even implemented trim paths in Flash Player. The odds of them ever being implemented in Canvas are exponentially less, because HTML5 canvas has no native support for that sort of thing.

JoãoCésar17023019 · Answer

Hi.

As far as I can tell, right now the only way is to use masks and/or delete strokes and fills progressively by hand.

Or maybe we're gonna be lucky and someone will take the challenge to create an extension to handle this kind of animation.

Regards,

JC

Sign up

To post, reply, or follow discussions, please sign in with your Adobe ID.

Sign in to Adobe Community

To post, reply, or follow discussions, please sign in with your Adobe ID.

Scanning file for viruses.

This file cannot be downloaded