Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Make Art by Coding! Create an SVG Scene for Web Animation
Curriculum
01. Introduction Part 1
02. Introduction Part 2
03. Creating Rectangle and Circles
04. Creating Lines
05. SVG viewBox
06. Polygon element Part 1
07 Polygon Element Part 2
08. Polygon Element Part 3
09. Polygon Element Part 4
10. viewBox Attributes
11. viewBox Attributes (Cont'd)
12. Path Elements
13 Path Elements (Cont'd)
14 Bezier Curves Part 1
15. Bezier Curves Part 2
16. Bezier Curves Part 3
17. Bezier Curves Part 4
18. Quadratic Bezier Curves
19. Arcs
20. Arcs (Cont'd)
21. SVG-edit and Illustrator
22. Styling Inline SVG.mov
23. SVG in IMG tag
24. SVG in Background IMG
25 Modifying Inline SVG
26. SVG with Javascript
27. Adding Trees
28 Creating Trees
29 Creating Trees (contd)
30 Remove Button.mov
31 Adding Other Type of Trees
32 Sorting Trees
33 Sorting Trees (cont'd)
34 Refactoring Javascript
35 Refactoring Javascript (Cont'd)
36 Saving as SVG
37 Saving as SVG (Cont'd)
38 Save as PNG
39 Downloading Images.mov
40 Refactoring Part 1
41 Refactoring Part 2
42 Refactoring Part 3
43 Main Functionality
44 Main Functionality (Cont'd)
45 Testing Cross Browser Compatibility
46 Checking DOMcontentloaded
47 Styling Part 1
48 Styling Part 2
49 Styling Part 3
50 Modal for PNG Part 1
51 Modal for PNG Part 2
52 Modal for PNG Part 3
53 More Javascript Refactoring
54 Styling The Modal More
55 Adding Size Reset Button
56 Outro
($1000 value!) Source Code
Bonus Lecture: How to get more content.
04. Creating Lines
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock