Starter
Processing — Starter
Get Processing installed and write your first sketches. No prior programming experience required.
01What is Processing?
Origins, philosophy, and what you can make with Processing.
02Setting Up Processing
Download, install, and understand the Processing IDE on Windows, macOS, and Linux.
03Your First Sketch
setup(), draw(), and the structure every Processing sketch shares.
04Canvas & Coordinates
The pixel grid, the origin point, and how to position everything on screen.
05Drawing Shapes
rect(), ellipse(), line(), arc(), and building complex forms with beginShape().
06Color & Style
RGB and HSB colour modes, fill(), stroke(), and alpha transparency.
07Variables & Animation
Store values in variables and use the draw loop to create motion.
08Mouse Interaction
mouseX, mouseY, mousePressed, and event functions for interactive sketches.
09Keyboard Input
Detect key presses, use key and keyCode, and build keyboard-driven interactions.
10Saving & Exporting
Save frames as PNG, export video sequences, and share your sketches.