I have just been playing around with P.5.js web editor and here is some the examples I have done

https://editor.p5js.org/SuperSlayer/full/HJO-j50i7

https://editor.p5js.org/SuperSlayer/full/rkEw-eknX

Enjoy watching my Intials idea this was one of ideas for my animation 🙂

Here is my first year animation.
Enjoy watching it 🙂

There are 5 types animation, they are

• Traditional animation
• 2D Vector-based animation
• 3D computer animation
• Motion graphics
• Stop motion

I will talk about them all but give you the shorter version of them

Traditional animation
In traditional animation, animators draw images on a transparent piece of paper fitted on a peg using a colored pencil, one frame at the time. Animators usually test animations with very rough drawings to see how many frames they would need for the action to work. The animation process of traditional animation can be lengthy and costly. 

2D Animation

2D animation is the term often used when referring to traditional hand-drawn animation, but it can also refer to computer vector animations that adopts the techniques of traditional animation.

Vector-based animations, meaning computer generated 2D animations, uses the exact same techniques as traditional animation, but benefits from the lack of physical objects needed to make traditional 2D animations, as well as the ability to use computer interpolation to same time.

3D Animation

3D animation, also referred to as CGI, or just CG, is made by generating images using computers. That series of images are the frames of an animated shot.

The animation techniques of 3D animation has a lot of similarities with stop-motion animation, as they both deal with animating and posing models, and still conforms to the frame-by-frame approach of 2D animation, but it is a lot more controllable since it’s in a digital work-space.

Motion Graphics

The skills for motion graphics don’t necessarily translate to the other types of animation, since they don’t require knowledge of body mechanics or acting, but they do have some attributes in common such as understanding good composition and the all important camera motion.

Stop Motion

Stop-Motion animation can be referred to any animation that uses objects that are photographed in a sequence to create the illusion of movement.

The process of stop-motion animation is very long, as each object has to be carefully moved inch by inch, while it’s being photographed every frame, to create a fluid sequence of animation.

https://www.bloopanimation.com/types-of-animation/