sprawler » processing http://s-p-r-a-w-l.com/blog general specialist Thu, 13 May 2010 01:18:34 +0000 http://wordpress.org/?v=2.8 en hourly 1 midterm : the DLA remix http://s-p-r-a-w-l.com/blog/2010/03/02/midterm-the-dla-remix/ http://s-p-r-a-w-l.com/blog/2010/03/02/midterm-the-dla-remix/#comments Wed, 03 Mar 2010 00:58:57 +0000 admin http://s-p-r-a-w-l.com/blog/?p=1021 In the end, I forewent using Toxi’s library and instead opted to implement particle systems because I wanted a better understanding of how to use them. Here is a video of the end result. I added some perlin noise to vary the color and add a bit more sparkle to the “crystals.” But the code is using four particle systems which hit the “seeds,” each of which are generated upon a mouse press. As the particles hit the seeds, they will become part of the seed and expand the cluster, forming the branching-like DLA pattern.

DLA

source code here

]]> http://s-p-r-a-w-l.com/blog/2010/03/02/midterm-the-dla-remix/feed/ 0 ooooscillating http://s-p-r-a-w-l.com/blog/2010/02/15/ooooscillating/ http://s-p-r-a-w-l.com/blog/2010/02/15/ooooscillating/#comments Mon, 15 Feb 2010 05:08:58 +0000 admin http://s-p-r-a-w-l.com/blog/?p=975 For Nature of Code last week, we had to program an example of something demonstrating oscillating movement. Although I originally thought of the particular forces that exist between the nucleus and electrons of an atom, I decided to play up the idea by relating the gravitational mass of the “nucleus” in my sketch with the degree of oscillation between the corresponding “electrons”.

Picture 3

This code was heavily adapted from Shiffman’s code.

]]> http://s-p-r-a-w-l.com/blog/2010/02/15/ooooscillating/feed/ 0 blind to the weather http://s-p-r-a-w-l.com/blog/2009/10/16/blind-to-the-weather/ http://s-p-r-a-w-l.com/blog/2009/10/16/blind-to-the-weather/#comments Fri, 16 Oct 2009 21:53:41 +0000 admin http://s-p-r-a-w-l.com/blog/?p=845 The last visualizing data assignment was parsing the XML from the Yahoo RSS feed using two data sets and two colors.

Since my usual gauge for weather consists of me looking out a window and taking an educated guess, i wanted to create something that would emulate window blinds that were moving in a weather vane like movement.  I chose to visualize the relationship between temperature and wind speed by setting the wind speed equal to the rotational speed of my blinds and mapping the color of the blinds from blue (coldest) to red (hottest) using an HSB colormode.  It doesn’t run well on the browser, but click here to download source code.



3-600x619

]]> http://s-p-r-a-w-l.com/blog/2009/10/16/blind-to-the-weather/feed/ 0 theme and variation ++ http://s-p-r-a-w-l.com/blog/2009/10/01/theme-and-variation/ http://s-p-r-a-w-l.com/blog/2009/10/01/theme-and-variation/#comments Thu, 01 Oct 2009 04:25:06 +0000 admin http://s-p-r-a-w-l.com/blog/?p=796 the last go-around was a bit static in terms of changing things up with my variables so here is a second attempt to make it more dynamic.

Picture 10

Picture 11Picture 12

]]> http://s-p-r-a-w-l.com/blog/2009/10/01/theme-and-variation/feed/ 0 some saul, but a bass attempt http://s-p-r-a-w-l.com/blog/2009/09/24/some-saul-but-a-bass-attempt/ http://s-p-r-a-w-l.com/blog/2009/09/24/some-saul-but-a-bass-attempt/#comments Thu, 24 Sep 2009 06:21:42 +0000 admin http://s-p-r-a-w-l.com/blog/?p=782 Data Viz assignment as inspired by graphic designer, Saul Bass.  

saul-bass-poster

Constraints: (1) can only be in black and white; (2) one variable must be a string; (3) one variable must be an integer

Click image to launch and view source code.

Picture 4Picture 3

]]> http://s-p-r-a-w-l.com/blog/2009/09/24/some-saul-but-a-bass-attempt/feed/ 0