- Overview
- Transcript
2.1 Creating Basic Shapes
In this lesson, you will learn the basic syntax for creating and styling simple shapes in JavaScript using Snap.svg.
1.Introduction2 lessons, 08:34
2 lessons, 08:34
1.1Introduction00:52
1.1
Introduction
00:52
1.2Downloading Snap.svg07:42
1.2
Downloading Snap.svg
07:42
2.Creating Graphics in a Snap5 lessons, 39:51
5 lessons, 39:51
2.1Creating Basic Shapes09:38
2.1
Creating Basic Shapes
09:38
2.2Complex Shapes08:16
2.2
Complex Shapes
08:16
2.3Shape Attributes05:57
2.3
Shape Attributes
05:57
2.4Grouping Shapes07:23
2.4
Grouping Shapes
07:23
2.5Shape Transformations08:37
2.5
Shape Transformations
08:37
3.Animating in a Snap3 lessons, 18:17
3 lessons, 18:17
3.1Animation Basics06:58
3.1
Animation Basics
06:58
3.2Animation Callbacks04:53
3.2
Animation Callbacks
04:53
3.3Easing06:26
3.3
Easing
06:26
4.Basic Interactivity5 lessons, 31:21
5 lessons, 31:21
4.1Installing MAMP03:33
4.1
Installing MAMP
03:33
4.2Using an External SVG08:46
4.2
Using an External SVG
08:46
4.3Targeting Individual Shapes08:58
4.3
Targeting Individual Shapes
08:58
4.4Basic Interaction06:32
4.4
Basic Interaction
06:32
4.5Hover Events03:32
4.5
Hover Events
03:32
5.SVG Clock Animation11 lessons, 1:10:14
11 lessons, 1:10:14
5.1Importing the Clock SVG06:08
5.1
Importing the Clock SVG
06:08
5.2Targeting Individual Clock Shapes08:30
5.2
Targeting Individual Clock Shapes
08:30
5.3Pulling the Current Time08:30
5.3
Pulling the Current Time
08:30
5.4Organizing the Code05:32
5.4
Organizing the Code
05:32
5.5Time Is Circular07:26
5.5
Time Is Circular
07:26
5.6Staying Current03:08
5.6
Staying Current
03:08
5.7Animating the Second Hand03:11
5.7
Animating the Second Hand
03:11
5.8Fixing the Second Hand Animation08:51
5.8
Fixing the Second Hand Animation
08:51
5.9Minutes and Hours09:43
5.9
Minutes and Hours
09:43
5.10Adjusting the Hour Hand03:44
5.10
Adjusting the Hour Hand
03:44
5.11Finishing Touches05:31
5.11
Finishing Touches
05:31
6.Conclusion1 lesson, 00:54
1 lesson, 00:54
6.1Conclusion00:54
6.1
Conclusion
00:54
Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then,
he has constantly sought new and exciting ways to make
beautiful things on computers.