Curving animations

Literally the most important chapter of them all. This chapter is about the details of animation and creating really smooth animations. We will cover two more plug-ins. The color plug-in and bezier plug-in. The majority of chapter we'll dive deep into curves as we dabble around with HTML5 Canvas.

Duration:

01:06:06

Created with

Ben Fhala

Ben Fhala is the creative force and founder behind 02geek, a pioneering platform dedicated to making web development accessible to everyone. With over 18 years of experience in the industry, Ben has a deep passion for teaching and a knack for breaking down complex concepts into easy-to-understand lessons.

Curving animations Overview

What you'll learn

We continue our exploration of the most important things in need to know about animation as you work with GSAP. This chapter is the hearts and soul of this batch of courses as it dives deep into the world of Motion through curves. We will be introduced to HTML5 canvas and learn the basics of how to drive dynamically, we will explore animating programmatic drawings. We will learn about the differences in mythology when animating vector and raster elements. We will explore and a meeting with color using the color props plug-in.

The most important topic and the one that will change forever the way you animate is our curves training. We will explore a variety of ways to create curves and really understand how they work: bezier thru, quadratic curve and bezier qubic curves.

Canvas, Colors and Curves

The ColorPlugin and BezierPlugin. The majority of chapter we'll dive deep into curves as we dabble around with HTML5 Canvas.