Categories
Uncategorized

Grass

One of my favorite Processing apps I’ve written is this one I affectionately call ‘Grass’. I try not to explain these apps too much because I think it’s natural for the viewer to make sense of my programs in whatever way they like, but I’ll make an exception in this case. In one way or another this app is inspired by long summer evenings at Greenlake in Seattle where I lived for two years.

[processing width=”600″ height=”300″ file=”https://benvancitters.com/wp-content/uploads/2011/03/microGrass.jar” method=”onclick”][/processing]

Once the program is loaded you can move the mouse to control the ‘wind’ blowing over the scene.

In my opinion, there are some pretty interesting things going on under the hood of this app. For starters, the background gradient is procedurally generated by the technique used in my ‘Bezier Gradient’ app. The strands of grass are neat too. They are drawn as a series of triangles deformed along a ‘spine’. I coded up the physics of the spine myself as well and they’re pretty extensible; hopefully soon I’ll get around to doing my hairdryer program to show them off in more glory ;).
The fireflies (which I should mention don’t actually live anywhere near Seattle) are simulated with a very long parameterized sinusoidal series which I wrote myself that allows me to control how fast and far they can move each frame as well as how convoluted their path is.

Categories
Uncategorized

Spimmer.

Last year, when I was too busy with a myriad of other things a piece of art called vanishing point by Matt W. Moore caught my eye. I thought, “Hey that reminds me of the stuff I make.” So I made a program which can be seen below.

[processing width=”450″ height=”300″ file=”https://benvancitters.com/wp-content/uploads/2011/03/spimmer.jar” method=”onclick”][/processing]

Click the image to load the program. After it’s loaded if you click and hold down the mouse you get a fancy spin effect.

The graphic is created by drawing a bunch of triangles around the mouse position with Processing’s beginShape() and endShape() routines.

Categories
Uncategorized

Bezier Gradient


This browser does not have a Java Plug-in. Get the latest Java Plug-in here.


This is an experiment that I started last year to play with Bezier curves. One nice thing about Bezier curves is that all values along the resulting curve will be contained within the four defining points. In my experiment, the points defining the curve are animated through three-space between 0 and 255 and the points along it are interpreted as RGB values. Because all points along the curve are guaranteed to have xyz values between 0 and 255 they can all be interpreted nicely as colors. I believe that there have been other uses of these curves to define gradients in programs such as Photoshop, but I started my work from scratch and I find the result to be very pleasant.