How to create a 2d animation like a video, vignette or cutscene

Question

Hello, I would like to know how to best create a complex animation in HTML5 / Javascript. By complex animation I mean non-cyclic animation as usually shown in tutorials.

I need to create an animation as if it were a cutscene with images, transformations on these images as if it were a vignette or a 2d video.

I am having difficulty in determining the times at which each (image) appearance or transformation on the images takes place. Creating this Timeline encoding is not working very well.

Is there any framework or software for this type of animation?

Thanks in advance for the help.

Answer 1

Marcio, I believe you have the knowledge to do what you’re saying right? Just to be a complex animation we have already taken it from there that you must have a base in js and the like or (is in a good creative period rs).

Just take a look at this framework three js.

Notice that on the home page there are several examples of how brilliant this tool is. There are things there that open my mouth every time I see it. rs.