When in lo-res, move the mouse up or down to adjust the threshold level of the noise curves. Clicking the applet switches between dynamic lo-res mode and static hi-res mode.

The ultimate example of this drawing mechanism is Jared Tarbell’s masterpiece ‘substrate‘. Some of the fine pieces by Dave Bollinger also seem to use something like it.

Click on the image to go to the corresponding construct. A click of the mouse resets the piece. On some platforms the lines are not properly anti-aliased. I haven’t figured out why but it sure messes up the images.

The funny thing is that a 1000 particles chasing each other from random starting positions seem to manage this quite nicely. Initial jagged chaos swiftly evolves into flowing curves, continuously trying to simplify themselves. Guess I’m not a sufficiently complex, self-interacting system

Anyway I’m rather pleased with this construct. Pointless overkill makes me happy. The construct and its code can be found here. There’s no interaction beyond resetting with a click of the mouse.

Update: Lucas Tamarit pointed out, somewhat uh… pointedly, that this piece is very similar to ’sandtraveller’ by Jared Tarbell. Check this and the rest of his work out here. I’ve got to agree there’s definitely a resemblance. However, I’ve checked out the code and the mechanics behind ‘cyclic’ are really different from ’sandtraveller’, as is the rendering technique. I invite everybody else to make the comparison.

Not every painting of a sunflower is a Van Gogh forgery

Towards is my first step in exploring the possibilities of agent-generated graphics. It has an old-fashioned feel about it. (And yes, I got stuck on the black-white-red palette again…)

To get a feel of how this kind of explorative programming goes, I’ve uploaded seven versions showing the chronological (pro/re)gression of the code. All pieces need some time to reveal their true dynamics. Click on the applet to restart the construct.

towards 01
towards 02
towards 03
towards 04
towards 05
towards 06
towards 07

voronoiFractal 2

voronoiFractal 4

Don’t ask about 3. Three is not a nice piece, it escaped. It lurks in the space between the walls, growling… Occasionally, it comes out and eats computers.

crystal

flow field

fine structure

rotator I

peripheral vision

synthese eines raumes

elements I

cathedral

rose at lagrange 2

haywire

parameter VI

alignment

92

:etrono:e

compound

deconstruct 2D-3D

h.trism

com III

velvet painting

2 minutes

turmoil

spring orchard

no i in me

self-centered

singular icon

cline > decline

So, if you got Processing sketches to share but no space to do it, feel free to send them over. Just a few pointers:

1. Code should be shared under a Creative Commons license, similar to the one at the bottom of this page. I’ll waste no space on private code.
2. Although it’s ultimately up to me to decide what goes online, I will not judge on esthetic or other purely personal grounds. The only criteria to refuse a piece are offensive content, malicious intent or blatant commercial abuse.
3. Sketches should be submitted by email (check contact) as a zipped archive of the applet folder generated by Processing.
4. I’ll host everything in a separate domain “guest.wblut.com” as a blog similar to mine. Each submitted piece will be a blog entry with link, screenshot, author, tags and description. Anything you want to go here, especially description and screenshot, you can put in the email. Keep the screenshot 450px wide or less (I don’t feel like messing with WordPress templates ). There are nicer alternatives than a simple blog, but it’s easier to keep content and comments organised.
5. I will not host any other files. There’s enough other options out there.

In return, I’ll do my best to keep everything nice, tidy and punctual. Just to be clear, I’m not out for money, my pages, including the guest blog, are advertisement free and will always remain that way .

Update : synchronicity… There’s another solution out there since the 22nd of march: http://www.openprocessing.org/. Cool, must be an idea whose time is right. Thanks to Andreas for pointing this out.

Try it yourself, constructing a sketch of a Voronoi graph is simple:

1. Draw some random dots.
2. Connect all dots with straight lines.
3. Bisect all connecting lines (i.e. draw a perpendicular straight line through the middle of the connecting lines).
4. Select pieces of the bisecting lines so each point is encapsulated in its own cell.

One of my rough sketches:

A deceptively simple process. Steps 1 to 3 are easy enough to implement, just a matter of basic geometry. The tricky part is point 4, I couldn’t figure out how I did it on paper. I, and undoubtely you too, just draw the cells based on the network of bisecting lines.

In the end, I found a way of making the computer do the same thing. But it involves a rather exhaustive search and is a far cry from the effortless elegance of a human being. Turning a Voronoi graph into something fractal-like was the next step. Getting the borders of each cell sorted out was a bit of headache but now works as long as floating-point errors don’t mess things up.

Two nights and an insight in yet another amazing way our brains work later, this is what I came up with. It definitely has potential for further development. As always the code is up for grabs (and rather rough). Currently, because it’s a bit of a memory hog, the online version is limited in depth . Update : I’ve replaced the applet with a new version using less memory.

The code randomly generates the parameters p1 to p8 (between -2 and 2) and p0 (between 0 and 1). Most results are not very special but an occasional gem shows up. There are ways of automatically eliminating many of the less interesting cases. These not only take time but inevitably remove some nice constructs. So I left out any preselection. Think of it as searching the beach for a rare shell…

Feel free to explore the 9 parameter universe with this online version. It is very unlikely that the picture that’s forming on your screen will ever be generated exactly the same on any other machine. Since every plot is unique it’s hard to get the correct scale and position, so you’ll have to do it yourself. Zoom in and out with ‘+’ and ‘-’. Move the construct with the arrow keys. The movement is a bit chunky because the image has to redraw every time the construct moves. Pressing ‘c’ cycles through several color palettes using the particle density, velocity and acceleration in different ways. Most importantly, pressing space saves the image to the user gallery. Nothing will appear to happen for a while but give it some time to finish. Since I intentionally neglected to provide a way of storing the 9 parameters, you can never recover a lost image which hasn’t been saved. The choice is yours, share the image and lose its uniqueness or keep it to yourself and lose it forever… Oh, any other key randomly generates a new construct.

Update : I’ve improved the interface a bit. Zooming now properly respects the centering. You can also move the construct by clicking and dragging the mouse. Pressing ‘r’ will center the image on the current mouse position.

“I also believe - and hope - that politics and economics will cease to be as important in the future as they have been in the past; the time will come when most of our present controversies on these matters will seem as trivial, or as meaningless, as the theological debates in which the keenest minds of the Middle Ages dissipated their energies. Politics and economics are concerned with power and wealth, neither of which should be the primary, still less the exclusive, concern of adult human beings.”

Profiles Of The Future, Sir Arthur Charles Clarke (1917-2008)