Processing: Creative Coding and Computational Art

Transformations include moving, scaling, skewing, and rotating vertices. Remember, vertices
(points) are the foundation for all the other geometry you see on the screen. The
simplest way to show how the transform functions work is through some examples. First,
I’ll give you a (rather dull) example that transforms 2D geometry (see Figure A-12). Then
I’ll apply the concepts from the 2D example to a more interesting (albeit more complicated)
3D example.
//Example 1:
noStroke();
rect(10, 10, 25, 25);
printMatrix();
pushMatrix();
translate(20, 20);
scale (1.5);
rect(10, 10, 25, 25);
printMatrix();
popMatrix();
pushMatrix();
translate(70, 70);
scale (.5);
rect(10, 10, 25, 25);
printMatrix();
popMatrix();
printMatrix();
Figure A-12. Transform Example 1 sketch
PROCESSING LANGUAGE API
713
A