loading

Archive for July, 2007

Vimeo / Videos tagged processing

Processing: Random circles greyscale


Processing: Random circles greyscale

Created in Processing. More info at http://www.nofi.org/2007/03/29/processing-random-circles-greyscale/

Cast: nofi

Vimeo / Videos tagged processing

Processing: Random circles greyscale


Vimeo / Videos tagged processing

Processing: Random bezier curve 02 color


 Processing: Random bezier curve 02 color

Created in Processing. More info at http://www.nofi.org/2007/03/26/processing-random-bezier-curve-02-color/

Cast: nofi

Vimeo / Videos tagged processing

Processing: Random bezier curve 02 color


Vimeo / Videos tagged processing

Processing: Random bezier blur & posterize


 Processing: Random bezier blur & posterize

Created in Processing. More info at http://www.nofi.org/2007/04/09/random-bezier-blur-posterize/

Cast: nofi

Vimeo / Videos tagged processing

Processing: Random bezier blur & posterize


Vimeo / Videos tagged processing

Processing: Random lines vertical sequence RGB 02


 Processing: Random lines vertical sequence RGB 02

Created in Processing. More info at http://www.nofi.org/2007/03/15/processing-random-lines-vertical-sequence-rgb-02/

Cast: nofi

Vimeo / Videos tagged processing

Processing: Random lines vertical sequence RGB 02


John Whitney and Digital Harmony

    Considering arts techniques from the broad perspective of the present, I observed that the best “computer art” did not compare
    well with lacework from Belgium made a century ago. But the computer possessed a unique capability of making very complex pattern flow. One could plan exacting and explicit patterns of action and distinctive motions as intricate as lace, but in a way no Belgian lace maker would ever imagine. – John Whitney, 1980.

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 –

    …assumes the existence of a new foundation for a new art. It assumes a broader context in which Pythagorean laws of harmony operate. These laws operate in a graphic context parallel to the established context of music. In other words, the hypothesis assumes that the attractive and repulsive forces of harmony’s consonant/dissonant patterns function outside the dominion of music.

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:

    Most people visualize music as two-dimensional, with time represented by the horizontal lines and pitch by vertically arrayed symbols, as is the convention on paper. But the perception of music is not two dimensional. The ears reside at the center of a spherical domain. We hear from all around. We hear music as patterns of ups and downs, to and fro in a distinctly three-dimensional space – a space within.

    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:

    Pointing their cameras at the world, all those “symphonists” inadvertently recorded the stasis of the world, even as they filmed its busiest moments – its winds and storms and birds and water and city traffic. Those films are not symphonies, I thought, poetry perhaps, but not liquid architecture, not music.

    …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:

    There is no such thing as the harmonic organization of musical tone in nature. Occasionally a stone may ring like a bell, birds pattern “song,” but there are few natural bells, fewer natural flues where the winds sound organ tones. Even the whistle of the wind is eerie and non-musical. Patterning of musical tones is a man-made reality of the aural world, universally accepted as such, but nowhere looked upon as an abstraction that has been extracted (or abstracted) out of the natural environment, nowhere regarded as a manifestation of the environment.

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:

    A benchmark was reached when I began to apprehend the relationship of the three terms: differential, resonance and harmony. First, motion becomes pattern if objects move differentially. Second, a resolution to order in patterns of motion occurs at points of resonance. And third, this resolution at resonant events, especially at the whole number ratios, characterizes the differential resonant phenomena of visual harmony.

    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.

Pascal Chirol

Nouvelle carte de visite ////////////////////////////////////////////////////

carte de visite

carte de visite

Specifying PDF page size in Processing

I’ve always been wondering if there’s no easier way than trial & error to figure out the correct dimensions one has to specify in the size() command to match a certain paper size for the generated PDF. Today I finally had a quick look at the source of the underlying iText library on which Processing’s PDF wrapper is built. As expected it actually includes a convenience class which has presets for all common page formats. This is great, but to make this even slightly more user-friendly you can take this snippet and keep it:
/*** 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);}

davebollinger

Aztec Tunnel

a geometry study, still: http://www.flickr.com/photos/davebollinger/895021579/

Author: davebollinger
Keywords: geometry 3d processing.org povray
Added: July 25, 2007

eskimoblood

Aztec Tunnel

a geometry study, still: http://www.flickr.com/photos/davebollinger/895021579/

Author: davebollinger

Keywords: geometry 3d processing.org povray

Added: July 25, 2007

Digital portfolio library for London College of Fashion

Rather late than never, here’s finally some brief documentation of Moving Brands‘ latest interactive installation, after Muon our second one this year…

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…