02Geek HTML5 and JavaScript, TypeScript, React, Flash, ActionScript online School
Previous VideoNext Video

Introducing SVG

SVG is an XML-based language. With SVG you can add to graphics onto the stage. We are not going to dive deep into the depths of SVG, but we will get familiar with it for the sake of our slideshow. By the end of this lesson, we will swap our buttons with SVG based buttons.

Ready to Level Up Your Skills?

Join thousands of learners on 02GEEK and start your journey to becoming a coding expert today!

Enroll Now for Free!

Plugin pact slideshow

In this lesson we're going to dive into the world of plugins

00:50

Introducing SVG

SVG is an XML-based language. With SVG you can add to graphics on tutor stage.

07:28

Animating SVG attributes

In general by default when animating with GSAP it figures on its own what it supposed to animate

10:28

Using AttrPlugin when it doesn't work

Most attributes by default will work great on their own but sometimes they won't and that's exactly when you want to add the AttrPlugin.

06:33

Building a plugin engine

A plugin architecture enables you to on-the-fly ad features or make changes to the way your object behaves.

17:06

Exploring the DirectionalRotationPlugin

The DirectionalRotationPlugin enables us to animate rotations at ease with a lot of baked in goodies.

14:35

Introducing the RoundPropsPlugin

In this lecture we take a peek at the RoundPropsPlugin

03:03

Playing with the ScrollToPlugin

There Are actually a lot of sites online that use scrolling fx. In this lesson we meet the ScrollToPlugin

06:17