2.4 Grouping Shapes

1.Introduction

2 lessons, 08:34

Free Lesson

1.1

Introduction

00:52

Free Lesson

1.2

Downloading Snap.svg

07:42

2.Creating Graphics in a Snap

5 lessons, 39:51

2.1

Creating Basic Shapes

09:38

2.2

Complex Shapes

08:16

2.3

Shape Attributes

05:57

2.4

Grouping Shapes

07:23

2.5

Shape Transformations

08:37

3.Animating in a Snap

3 lessons, 18:17

3.1

Animation Basics

06:58

3.2

Animation Callbacks

04:53

3.3

Easing

06:26

4.Basic Interactivity

5 lessons, 31:21

4.1

Installing MAMP

03:33

4.2

Using an External SVG

08:46

4.3

Targeting Individual Shapes

08:58

4.4

Basic Interaction

06:32

4.5

Hover Events

03:32

5.SVG Clock Animation

11 lessons, 1:10:15

5.1

Importing the Clock SVG

06:08

5.2

Targeting Individual Clock Shapes

08:31

5.3

Pulling the Current Time

08:30

5.4

Organizing the Code

05:32

5.5

Time Is Circular

07:26

5.6

Staying Current

03:08

5.7

Animating the Second Hand

03:11

5.8

Fixing the Second Hand Animation

08:51

5.9

Minutes and Hours

09:43

5.10

Adjusting the Hour Hand

03:44

5.11

Finishing Touches

05:31

6.Conclusion

1 lesson, 00:54

6.1

Conclusion

00:54