Tutorials. A collection of step-by-step lessons covering beginner, intermediate, and advanced topics.

preview image


Hello Processing
by Daniel Shiffman et al.

Short video lessons introduce coding exercises that lead to designing an interactive drawing program.

Level: Beginner

preview image


Getting Started
by Casey Reas and Ben Fry

Welcome to Processing! This introduction covers the basics of writing Processing code.

Level: Beginner

preview image


Processing Overview
by Ben Fry and Casey Reas

A little more detailed introduction to the different features of Processing than the Getting Started tutorial.

Level: Beginner

preview image


Coordinate System and Shapes
by Daniel Shiffman

Drawing simple shapes and using the coordinate system.

Level: Beginner

preview image


Color
by Daniel Shiffman

An introduction to digital color.

Level: Beginner

preview image


Objects
by Daniel Shiffman

The basics of object-oriented programming.

Level: Beginner

preview image


Two-Dimensional Arrays
by Daniel Shiffman

How to store data in a matrix using a two-dimensional array.

Level: Intermediate

preview image


Images and Pixels
by Daniel Shiffman

How to load and display images as well as access their pixels.

Level: Intermediate

preview image


Curves
by J David Eisenberg

Learn how to draw arcs, spline curves, and bezier curves.

Level: Intermediate

preview image


Strings and Drawing Text
by Daniel Shiffman

Learn how use the String class and display text onscreen.

Level: Intermediate

preview image


Data
by Daniel Shiffman

Learn the basics of working with data feeds in Processing.

Level: Intermediate

preview image


2D Transformations
by J David Eisenberg

Learn how to translate, rotate, and scale shapes using 2D transformations.

Level: Intermediate

preview image


Trigonometry Primer I
by Ira Greenberg

An introduction to trigonometry.

Level: Intermediate

preview image


PShape
by Daniel Shiffman

How to use the PShape class in Processing.

Level: Intermediate

preview image


P3D
by Daniel Shiffman

Developing advanced graphics applications in Processing using P3D (OpenGL) mode.

Level: Advanced

preview image


Shaders
by Andres Colubri

How to implement GLSL shaders in Processing using PShader.

Level: Advanced

preview image


PVector
by Daniel Shiffman

How to use the PVector class in Processing.

Level: Advanced

preview image


Anatomy of a Program
by J David Eisenberg

How do you analyze a problem and break it down into steps that the computer can do?

Level: Advanced

preview image


Processing in Eclipse
by Daniel Shiffman

Write Processing code in the IDE for Java developers. Also, learn how to make classes that are not inner classes (.java).

Level: Advanced

   

 

For more tutorials, including videos, visit the Processing Wiki.