Examples

These examples are running online through p5.js using HTML Canvas for rendering. There are many more examples included with the Processing application; please look there if you don’t find what you’re looking for here.

Structure

• Statements and Comments
• Coordinates
• Width and Height
• Setup and Draw
• No Loop
• Loop
• Redraw
• Function
• Recursion
• Create Graphics

Transform

• Translate
• Scale
• Rotate
• Arm

Color

• Hue
• Saturation
• Brightness
• Color Variables
• Relativity
• Linear Gradient
• Radial Gradient

Arrays

• Array
• Array 2D
• Array Object

Input

• Mouse 1D
• Mouse 2D
• Mouse Press
• Mouse Signals
• Easing
• Constrain
• Mouse Input
• Mouse 1D
• Keyboard
• Keyboard Functions
• Milliseconds
• Clock

Form

• Points and Lines
• Shape Primitives
• Pie Chart
• Regular Polygon
• Star
• Triangle Strip
• Bezier

Image

• Load and Display
• Background Image
• Transparency
• Alpha Mask
• Create Image
• Pointillism

Typography

• Letters
• Words

3D

• Vertex
• Basic Shapes
• Blinn Phong Material

IO

• GET
• POST