Decomposing Images


This week’s assignment is to download the demonstration code and uncover the mystery phrase hidden within: imagesAsData.zip


I replace the image Mr. Rogers with one of Miro’s painting having same pixel dimensions, 48 x 48. And then I hooked up the mystery image’s RGB data to X, Y, Z values for the pixel agents.


So, the two-word mystery phrase is ‘Space Neighbor’.




‘Bicycle Built for Two Thousand’ is one of most interesting works of Aaron Koblin. The visualization of sound by 2,088 voices keeps my eyes on it when the song "Daisy Bell" is played. ‘Flight Patterns’ is another fascinating work of him. It’s so beautiful. His concept of making art work with many internet workers makes me think about several things; what can technology do in digital artwork, what is interactivity...


The Karsten Schmidt’s works show me how advanced the programming is in motion graphics field. ‘Forever at Victoria & Albert Museum London’, a digital installation spawning an endless sequence of unique animations to an ever changing soundtrack, is one of my favorites. ‘Advanced Beauty 3 of 18’ also fascinates me because it is about the themes of synesthesia which is related to my ongoing research and work.


They, Koblin and Toxi, looks similar in aspect of using programming as their tool for creating artwork. However, their approach to art seems to be quite different.


It's windy - more


This is the second trial of Weather assignment.

I tried to express windy with two elements of ‘wind’, chill and speed, from ‘Yahoo! Weather RSS Feed. And I also made ‘visibility’ changed according to the RSS value. I learned XML and RSS and how to use them for visualization in processing.

Additionally, this assignment gave me the opportunity to study about bezier, library for animation, array, class and particles.


Here is the processing sketch and the code.

http://itp.nyu.edu/~sjh376/VD/week6/applet/





It's windy

This week’s assignment is visualizing weather aspects using Yahoo! Weather RSS Feed. I grabbed the current New York weather and picked 3 aspects, ‘chill’ and ‘speed’ of wind and ‘visibility’ of atmosphere.


Here is the processing sketch and code.

http://itp.nyu.edu/~sjh376/VD/week5/applet/





Paradise

Personal Essay

The Paper Assignment of ‘Show and Tell Studio’

SooJung Huh / imsjhuh@gmail.com



I never thought that my whole life could change in one moment until I saw ‘Paradise’.

I was an undergraduate in a visual design department, hoping to become a graphic designer. The professor came to class, turned off the light and introduced several short animated films.

Colors danced and lights celebrated all around me.

Phantasmagorical images were brought to life and animated the darkness.

I forgot the time and the space that I belonged to.

I couldn’t breathe.

That was the moment when I first met ‘ Paradise’, a short animated film by Ishu Patel, an animation film director famous for his creative works and his unique techniques. In this film he used a variety of techniques to create images that have the depth of holograms. Before I saw the animation, I had focused on non-animated visual art such as painting, drawing, illustration and design since the age of 6. ‘Paradise’ opened me the door toward time based art and freed me from ‘static’ images. I began to imagine abstract paintings such as Kandinsky’s, Miro’s and Klee’s animated to music or rhythm.

Graphic design was no longer be my main interest. I became obsessed with animation. I was eager to make such animations but didn’t know how to make them. I ordered reference books abroad and tried to find proper materials. I kept researching and experimenting over and over.

At the first stage, I practiced as many traditional techniques of animation as possible and then developed my own style.

Norman McLaren was another important influence and inspiration during that period. His experiments in sound particularly had the major impact on my own animation works. Not only did he resort to parallelism of sound and image, but also he drew the artistic impression through mutual interaction between them. Under such influence, I made a film animation “Triangle, Circle, Square”, an experiment in animating abstract images, synchronized with the music. Animating to the music, I gained full understanding and confidence in “motion” and “timing”.

Norman McLaren defined animation as below.


‘Animation is not the art of drawings that move but the art of movements that are drawn; What happens between each frame is much more important than what exists on each frame; Animation is therefore the art of manipulating the invisible interstices that lie between the frames.’


I couldn’t have understood the true meaning of that definition until I made that animation.

Since then, I have become more eager to experiment with the synchronization of music and abstract image.


For me, the moment of both making and enjoying animation is an inexpressible joy, like Paradise.

I’d like to share, if possible, the moment with people through my ongoing work.


Proposal


[Big Screens Class description]


This class is dedicated to experimenting with interactivity on large-scale screens. Students develop one project over the course of the semester, culminating with a showing at InterActiveCorp’s 120 X 12-foot video wall at their corporate headquarters on 18th and the West Side Highway.



[Proposal]


I’m thinking of making an interactive abstract animation for Big Screen project. The animation consists of characters and scenes which interact with identifying marks of people.



I got inspired by the abstract shape and color of Klee.

This is the sample image for color and shape of my project.




For the visual style of animation, I’ll use the result of my NPR (non photorealistic rendering) research focusing on oil painting.

Here is the links for the research.


http://soojunghuh.blogspot.com/2009/07/painterly-expression.html

Gotham Typeface

What is the “Gotham” typeface and what is its design inspired by?

The Gotham font was initially commissioned by GQ magazine, whose editors wanted to display a sans serif with a “geometric structure” that would look “masculine, new, and fresh” for their magazine. Although the magazine was initially considering a series of fonts that either looked like techno CD covers or were more traditional like Futura, they agreed that they needed something “that was going to be very fresh and very established to have a sort of credible voice to it,” according to Jonathan Hoefler.

Frere-Jones’ inspiration for the typeface came from time spent walking block-by-block through Manhattan with a camera to find source material, and he based the font on the lettering seen in older buildings, especially the sign on the Eighth Avenue facade of the Port Authority Bus Terminal. “I suppose there’s a hidden personal agenda in the design,” Frere-Jones said, “to preserve those old pieces of New York that could be wiped out before they’re appreciated. Having grown up here, I was always fond of the ‘old’ New York and its lettering.”

The lettering that inspired this typeface originated from the style of 1920’s era sans-serifs like Futura, where “Type, like architecture, like the organization of society itself, was to be reduced to its bare, efficient essentials, rid of undesirable, local or ethnic elements.” This theme was found frequently in Depression-era type in both North America and Europe, particularly Germany. This simplification of type is characterized by Frere-Jones as “not the kind of letter a type designer would make. It’s the kind of letter an engineer would make. It was born outside the type design in some other world and has a very distinct flavor from that.”

(Futura is a geometric sans-serif typeface designed between 1924 and 1926 by Paul Renner. It is based on geometric shapes that became representative visual elements of the Bauhaus design style of 1919–1933. Commissioned by the Bauer type foundry, Futura was commercially released in 1927.)

What type foundry drew and released Gotham?

Hoefler & Frere-Jones is an influential type foundry in New York City, run by designers Jonathan Hoefler and Tobias Frere-Jones. Founded in 1989 (as “The Hoefler Type Foundry,”), H&FJ develops fonts for both the retail market and for individual clients.

How much does this type foundry charge for the “Gotham Bundle” for a single computer? $299.00

Who is Matthew Carter and what did he contribute to digital typography?

Matthew Carter (born in London, England in 1937) is a type designer. He lives in Cambridge, Massachusetts, United States. Carter’s career in type design has witnessed the transition from physical metal type to digital type.


Mystery Data


This week assignment is visualizing CSV data.
First, I tried this in 2D screen and rotate it in 3D space.
Here is the code.