Make Art by Coding: Create an SVG Scene for Web Animation!

Learn to create simple vector art with HTML, CSS, & JavaScript. A beginners course for web developers & digital artists.

This course was funded by a wildly successful Kickstarter.

What you’ll learn

  • Recognize why you should use SVGs for web development..
  • Create SVG shapes..
  • Embed SVG on a web page..
  • Make a landscape scene entirely with code!.

Course Content

  • Introduction –> 59 lectures • 6hr 8min.

Make Art by Coding: Create an SVG Scene for Web Animation!

Requirements

This course was funded by a wildly successful Kickstarter.

Gain hands-on experience with coding real projects! Make vector graphics by coding in this awesome course for beginners. Scaleable Vector Graphics (SVG) is an image format that uses vectors, in contrast to other image formats like jpg, gif, or pngs, which are raster graphics. SVG is made with math. For this reason, it can scale indefinitely! This makes it great for making logos, icons, and simple designs.

Why use SVG?

  • It has good support among all modern browsers, and it’s an open standard.
  • It uses smaller file sizes compared to bitmapped files.
  • You can style shapes in CSS and interact with them in JavaScript! Thus you can programmatically alter shapes for use on web pages.

Enroll today to join the Mammoth community.

Get Tutorial