Another Processing sketch, fairly simple. This one does introduce a function (or subroutine) named ‘makeBox’ that we pass some values into.
You can also see where we used height/2 which is the proper way to center something on the screen, rather than taking the 600 we specified and just using 300 as the halfway point.
/* * 20110509.pde */ void setup() { size(800, 600); background(0); stroke(255); noFill(); } void draw() { for (int xVal = 5; xVal < (width - 20); xVal = xVal + 20) { int myWidth = 10; int myHeight = xVal/2; int yVal = (height/2) - (myHeight/2); int myColor = xVal/4; makeBox(xVal, yVal, myWidth, myHeight, myColor); } } void makeBox(int x, int y, int w, int h, int c) { stroke(c); rect(x, y, w, h); }
(These sketches may not be all that impressive, but it’s giving me a chance to flex my programming muscles in Processing.)