Project 3: Final - Eye in the Sky

Untitled from Tammy Kuo on Vimeo.

Project 3: Words

 The coding term that my metaphor represents is the programming operation if/else, through using the way eyes react to changing light. If it’s dark, the pupil of the eyes are larger, else if it’s light the pupils are smaller.

 The code would look like this (the actual programming terms are in bold):

  if (it’s nighttime) {

    pupils.larger();

  } else if (it’s daytime) {

    pupils.smaller();

  }

 In terms of using if/else, you put “if” before a trigger that will affect the pupils. In this case it’s the level of darkness, but in programming it could be another kind of trigger, such as “mousePressed”, which means that if the mouse was pressed, the pupil will get larger.

 There can be multiple statements under an “if”, which means that many things can happen under the situation of it being nighttime, or daytime.

  “Else if” means “alternatively”. By using it you add a new situation (e.g. or else if light doesn’t exist, you wouldn’t see the eye at all and the pupil would be irrelevent. Or else if it was dusk, the pupil would not be at its biggest or smallest, it would be medium sized).

 When only putting “else”, you are referring to all other situations not listed under any “if” or “else if”.

Project 3: Iterations

Instead of a poster, a video will more clearly show that the pupil is reacting to the light change.

To show that the pupil size is determined by which "if" expression it is under, I made the pupil get smaller after the sky changes from night to day, instead of both pupil and sky changing simultaneously.

Project 3: Raw photos

Project 3: Concepts

The programming term the above images represent is "if/else".

In coding context:

The eyes idea:

if (it’s nighttime) {

    pupils.larger();

  } else if (it’s daytime) {

    pupils.smaller();

  }

The flower idea:

if (it’s nighttime) {

    flower.closed();

  } else if (it’s daytime) {

    flower.open();

  }

The water idea:

if (the temperature is at freezing point) {

    water.becomes ice();

  } else if (it’s at room temperature) {

    water.stays as a liquid();

  } else if (it's at evaporating point) {

    water.becomes steam();

  }

Transformation Project: Final

http://www.openprocessing.org/visuals/?visualID=27742

Transformation Project: Developing Interaction

My first Transformation had the sound of nails running over wood, but that didn't connect with the drawing, so I changed it to a sound that was more like fizzling.

Here's the link to the developing Transformation:
http://www.openprocessing.org/visuals/?visualID=27741

Transformation Project: Developing

The drawing above of the hairy trail made by the mouse combines the movement of the snake with with the glow of the lines, and the fade of the smoke. Instead of playing with preset images, you can now make the images.

Transformation Project: Interim Presentation

When you click the lightning, it would flash a different colour and the sound of thunder would play, and then fade.

When you float the mouse over the eyes, they would blink and a chime would play.

When you float over the smoke it would become more opaque, and start moving, and the sound of wind would play, and after you've taken the mouse off, the wind sound would fade and the smoke would become transparent again.

The lines react to the floating mouse by becoming wider, changing colour and sounding out a chord. 

Transformation Project: Thumbnail sketches

Testing out ideas.

Transformation Project: Doodles

In the top left hand corner, the idea was that there would be a ball that the mouse holds, and you could drop the ball with a click, and it would pop and dissapear, and then a new ball would appear on the mouse. The spikes would all be of similar colour, but with varying tones. The aural tone of the ball popping corresponds with the visual tone of the spikes. And so the darker the tone, the lower the sound. Also the higher the ball is dropped the louder the "pop".

The snake, which was inspired by the ring, would follow the mouse, and if it eats the mouse there would be a biting sound.

In the rectangle under the spike and ball idea, the balls hanging of the lines have adjustable lengths, and the longer the line the higher the chime would be. Balls hitting each other would make a soft squelching sound, while balls hitting the lines would make a sharper sound.

In the top right hand corner, the drawing with the arrows show how the mouse can drag a stretchy image, which either bounces back or slowly reforms depending on how quickly you stretch it. Also there would be the sound of rubber stretching.

Transformation Project: Inspiration

A ring made of two snakes.

Wallpaper Project: Final Wallpapers

Wallpaper Project: Finals links

Wallpaper Final 1:
http://www.openprocessing.org/visuals/?visualID=24562

Wallpaper Final 2:
http://www.openprocessing.org/visuals/?visualID=24563

Wallpaper Final 3:
http://www.openprocessing.org/visuals/?visualID=24564

Wallpaper Final 4:
http://www.openprocessing.org/visuals/?visualID=24565

Wallpaper Project: Thumbnail sketches

All the above thumbnails were drawn from the shapes from the first hand done wallpaper, except for the first one which was drawn from Samuel Monnier's work and the Doolittle album cover.

Testing out different possibilities, drawing from the second thumbnail sketch above.

Broke apart the shape from the second thumbnail sketch and ended up with the above shapes.

Introducing colour themes and geometrics. I aimed to contrast the sharpness of the first two with the roundness of the second two, and also I wanted to contrast the solidity of the middle ones with the movement of the outer ones.

Wallpaper Project

 

I like the way this album cover contrasts organic with geometric. This image seems to find the patterns in life, and looking at images like this one inspired me to take my hand done wallpaper into a more repetitive and flowing set, with sharper shapes.

Again the juxtaposition of gridded and organic images can be seen in Ian Francis's work here.

(Source: http://www.ifrancis.co.uk/#selected-work-2011/6)

I had a look at some of Samuel Monniers' work and was drawn to the movement of the bubbles, which I decided to use to juxtapose sharpness with more soft shapes.

(Source: http://www.algorithmic-worlds.net/expo/work.php?work=20091226-vin1)

Wallpaper Project: Interim Presentation

Each of my hand done wallpapers had a different source of inspiration.

The first one is a visualisation of how music can move you. The parts pointing outwards is the physical movement and the parts pointing in is the internal stirring.

This second is from the word "movement" and the idea of hands as a source of expression. The repitition made this one a likely starting point for a set of wallpapers, but I chose the first one because there was more to draw from it.

The inspiration of this one was drawn from the silhouette I saw one afternoon.

This one was inspired by the way light turns to webs when it shines though the water.

Wallpaper Project: Starting out and Inspiration

Inspiration:



The drawing of the eye and tree above was inspired by the first thing I saw when I woke up. The silhouette of the tree and the tip of the chimney made the shape of an eye (it's not clear in this photo).