processing

line burst

/** * Draw lines over time in a neat pattern. * Derived from http://processingjs.org/learning/basic/random */ /** * This JS figures out the height/width we want to use for the sketch * <script> * var divWidth = $("#header").width(); * var divHeight = 200; * var doDraw = true; *</script> **/ int i = 0; float targetX, targetY; int shiftDelay = 2500; int lastReset = 0; void setup() { size(divWidth, divHeight); background(0); strokeWeight(10); targetX = random(divWidth * 0.2, divWidth - divWidth * 0.2);

Tags: 

Truchet

Been playing with Truchet tiles in Processing:

Bezier Tiles

This is pretty random and messy but can be interesting. I plan on doing something a little cleaner and more tile-esque next.

Roughly speaking, a Truchet tile is a single tile that will match up with it's surrounding tiles regardless of it's position.  For example, this is a very basic one, rotated through all four possible angles:

Also, this:

See Sebastien Truchet on Wikipedia for more info, or Wolfram.

Some people have played with this concept to make some really amazing works, such as this on Flickr:

Tags: 

Pages

Subscribe to RSS - processing