Statements and Comments
Coordinates
Width and Height
Setup and Draw
No Loop
Loop
Redraw
Functions
Recursion
CreateGraphics
Points and Lines
Shape Primitives
Pie Chart
Triangle Strip
Bezier
Bezier Ellipse
3D Primitives
Variables
Integers and Floats
True/False
Characters and Strings
Datatype Conversion
Variable Scope
Array
Array 2D
Array Objects
Iteration
Embedded Iteration
Conditionals 1
Conditionals 2
Logical Operators
Load and Display Image
Background Image
Transparency
Alphamask
CreateImage
Pointillism
Load and Display Shape
Disable Style
Scale Shape
Get Child
Letters
Words
Hue
Saturation
Brightness
Color Variables
Relativity
Linear Gradient
Radial Gradient
Wave Gradient
Increment/Decrement
Operator Precedence
Distance 1D
Distance 2D
Sine
Sine and Cosine
Sine Wave
Additive Wave
Polar to Cartesian
Arctangent
Graphing 2D Equation
Random
Double Random
Noise 1D
NoiseWave
Mouse 1D
Mouse 2D
MousePress
Mouse Signals
Easing
Constrain
Storing Input
Mouse Functions
Keyboard
Keyboard Functions
Milliseconds
Clock
Translate
Scale
Rotate
RotateXY
RotatePushPop
Arm
Objects
Multiple Constructors
Composite Objects
Inheritance
On/Off
Directional
Spot
Reflection
Mixture
Mixture Grid
Perspective
Move Eye
This example is for Processing 2+. If you have a previous version, use the examples included with your software. If you see any errors or have suggestions, please let us know .
Double Random by Ira Greenberg.
Using two random() calls and the point() function to create an irregular sawtooth line.
int totalPts = 300;
float steps = totalPts + 1;
void setup() {
size(640, 360);
stroke(255);
frameRate(1);
}
void draw() {
background(0);
float rand = 0;
for (int i = 1; i < steps; i++) {
point( (width/steps) * i, (height/2) + random(-rand, rand) );
rand += random(-5, 5);
}
}