In these tutorials, you’ll learn how to use the JavaScript language and the ProcessingJS library to create fun drawings and animations.
If you’ve never programmed before, start here to learn
Intro to programming
If you’ve never been here before, check out this introductory video first. Then get coding!
Drawing basics
We’ll show you the basics of programming and how to draw shapes.
Coloring
We’ll show you how to color and outline your shapes!
Variables
We’ll cover how to use variables to hold values, animate your drawings, and more.
Animation basics
Learn how to animate your drawings.
Text and Strings
Learn how to display text on the canvas, resize it, color it, and animate it.
Functions
Make your code more re-usable by grouping it into functions, and then make those functions accept parameters and return values.
Logic and if Statements
Teach your program to make decisions!
Looping
Repeating something over-and-over? Loops are here to help!
Arrays
Store multiple values in your variables with arrays!
Objects
Learn how to store complex data in objects.
Object-Oriented Design
How to use object-oriented concepts in JavaScript to make more re-usable code.
Becoming a better programmer
Now that you understand the basics of programming, learn techniques that will help you be more productive and write more beautiful code.