Processing: Random circles greyscale
Created in Processing. More info at http://www.nofi.org/2007/03/29/processing-random-circles-greyscale/
Cast: nofi
Created in Processing. More info at http://www.nofi.org/2007/03/29/processing-random-circles-greyscale/
Cast: nofi
Created in Processing. More info at http://www.nofi.org/2007/03/26/processing-random-bezier-curve-02-color/
Cast: nofi
Created in Processing. More info at http://www.nofi.org/2007/04/09/random-bezier-blur-posterize/
Cast: nofi
Created in Processing. More info at http://www.nofi.org/2007/03/15/processing-random-lines-vertical-sequence-rgb-02/
Cast: nofi
This 1975 film is reportedly John Whitney’s first foray into computer graphics. Until ‘Arabesque’, Whitney used a converted mechanism of a World War II M-5 Antiaircraft Gun. Essentially a twelve-foot-high analog computer of amazing complexity; where design templates were placed on three different layers of rotating tables and photographed by multiple-axis rotating cameras.
In Digital Harmony (1980), the book that describes his life’s work, his hypothesis –
Whitney acknowledges that, ‘Music does not need images any more than paintings need sound’ but saw in computing, ‘a visual medium which is more malleable and swifter than musical airwaves. That medium is light itself.’
The book often communicates personal opinion rather than rigorous argument but Whitney makes some original and interesting points. It seems Whitney is not really pursuing visualisation or a tightly fused AV form. Whitney’s search is instead for abstract graphics with the fluidity, expressiveness and structural qualities of music. Whitney begins the book by highlighting the inherent spatial and visual qualities of music and damning early ‘visual music’ inventions:
The eye, more outwardly oriented, perceives objects and events outside at the point where our eyes focus. Yet the eye enjoys design equally as well as the ear. The mind’s eye shares with the ear any inward experience of architectonic spatial constructions and would perceive them with the same pleasure, were they to exist.
The fact is, however, that these interior fluid visual edifices hardly exist. Anyone can visualize an architectural fantasy of music dancing in the head, but manifesting in reality is another matter! Each century since Leonardo, a vision, grand and obscure as its myth, compelled one or two inventors to struggle with the pathetic inadequacies of the color organ. Twentieth-century abstract art has been a training ground for visual response to musical experience, but in the mind’s eye, architecture in motion lies at the root of our enjoyment of music. Many people, with closed eyes at a concert, are “watching” the music, but after all these centuries, there still exists no universally acceptable visual equivalent to music! It should exist and it will soon.
Whitney also documents his and others failed attempts at experimental film based endeavours:
…wherever I pointed my camera, I failed to discover that special quality of any material possessing the controllable visual fluidity that I desired … pointing my camera anywhere resulted in recording images of somewhere. If the camera’s record is unclear, blurred by the smear of too fast panning or being out of focus, the sense of somewhere as place is simply flattened. The spatial content of an image is flattened. The eye resists the attempt to domesticate abstraction. This sort of deception hardly satisfies the eye, because the sense of being (or seeing) somewhere is so strong. The eye is the natural master of pattern recognition. The eye demands satisfaction by invoking in us strong feelings of puzzlement.
And makes the important point that, “No abstraction in my camera had the generative potential, the capability to propagate fluid patterns or especially, the liquid variability of the intervallic families of music tones.”
This is where the computer comes into play and Whitney’s argument gets interesting. Whitney sees a parallel between musical tones and generative animation. Whitney sees music as an abstract and generative form in itself:
Whitney in deciding that music is not an abstracted picture of anything, allows for his second level of pure abstraction and generation. He focuses on three qualities applicable to both forms:
What I knew about music confirmed for me that emotion derives from the force-fields of musical structuring in tension and motion. Structured motion begets emotion. This, now, is true in a visual world, as it is a truism of music.
Digital Harmony, the documentation of a life’s work is the most comprehensive study of generative animation and its musical potential that I have found yet. It provides some useful counterpoints when compared to Chion’s deconstruction of audio visual relations. A simple reading of Chion would state that audio is predominately temporal while vision is predominately spatial but Whitney’s musical ‘liquid architecture’ metaphor is a wonderful one. Regardless, I’m starting to side with Chion’s idea of ‘audiovisual illusion’ and perhaps through a lifetime of work and focus, Whitney has merely become a better magician.
This is not to say Whitney is wasting his time. Magic is an art form. This also doesn’t devalue his ideas of visual consonance, dissonance, harmony and disharmony. A work where consonance and dissonance is linked between audio and visual, temporally and structurally without doubt creates moments of audio-visual resonance. These ideas are particularly interesting in regards to my choice of song and visual aesthetic.
/*** Convenience method to be used instead of the normal size() command.* Creates window matched to a given paper size** @param r a predefined constant of the iText PageSize class* @param isLandscape true, if you want landscape orientation* @param renderer class name of the Processing renderer to use*/void pageSize(com.lowagie.text.Rectangle r, boolean isLandscape, String renderer) { if (isLandscape) { size((int)r.top(),(int)r.right(),renderer); } else { size((int)r.right(),(int)r.top(),renderer); }}
And here’re a couple of examples how this snippet would be used (make sure you import the PDF library):
void setup() { // create window @ A3 landscape using OPENGL pageSize(com.lowagie.text.PageSize.A3,true,OPENGL);}
void setup() { // create window @ US Letter size, portrait using default renderer pageSize(com.lowagie.text.PageSize.LETTER,false,JAVA2D);}
a geometry study, still: http://www.flickr.com/photos/davebollinger/895021579/
Author: davebollinger
Keywords: geometry 3d processing.org povray
Added: July 25, 2007

a geometry study, still: http://www.flickr.com/photos/davebollinger/895021579/
Author: davebollinger
Keywords: geometry 3d processing.org povray
Added: July 25, 2007
The brief and objectives set by the London College of Fashion were similar to last year’s, only with the added challenge of having to show work of twice as many students (18 courses), almost 500 in total with 10+ images each. Our solution to that was a digital approach, housed within a ‘library’ setting where visitors could browse students work in two stages: First, scanning and selecting students of interest, followed by detailed browsing of their work. To reflect this, the library also consisted of two complementary parts, one “analog” and one “digital”. Each student is represented by a post-card sized tag which is located on the installation walls. On the back of each card is a unique pair of identifier tags, so when the card is placed on one of the four interactive tables the student’s work is revealed. The cards also acted as student “business cards” (with their contact details) and could be taken away by visitors, which often were recruiters.
After lots of deliberation the software side of the installation was developed using the fabulous reacTIVision & Processing. The former is used to analyse and identify the printed markers, however the major problem we had to overcome was that the tool only comes with a set of 90 markers, whereas we needed close to 500. After initially considering the definition of custom markers, I then opted for combining 2 markers into pairs (hierarchical index) and so end up with a maximum of 45*45 = 2025 possible identities (due to the special cases caused by the fixed usage scenario of the tables we could theoretically reach a higher number). The next challenge then was to identify pairs from a given set of visible markers (easy) and robustly track these as single entity over time (not as easy), especially since the software was built to support a multi-user scenario. Delaying and aggregating events broadcast by reacTIVision to Processing made all the difference and helped tackling the temporary breaking up of groups do to sub-optimal light conditions and/or user actions.
So as soon as a group of markers is identified, a background thread is started to load in the various portfolio images of the related student. This multi-threaded approach is important so that any ongoing animation isn’t suddenly interrupted. However since the images loaded are quite large the loading process can sometimes take several seconds and the preloader becomes quite obvious when browsing several students in a row. Caching to the rescue! After some googling I found Whirlycache, a very easy to use Java object cache with multiple purging policies. It only took me 3 lines to integrate into my application and since the installation machines had 2GB of RAM, many images could be kept in memory and the preloader disappeared for most users. Yeah!
Finally, as with last year’s table we tried to increase the tactile feeling of the interaction and where we’ve used a visual response (soft surface simulation) in the past, this year we’ve opted for sound to make the experience seem more physical. We developed a sound palette for moments when cards are placed on the table, cards are rotated and removed - all with a noticeable positive difference.
Some more images of the installation are on F l i c k r…