Project 04 — Abstract Time, Abstract Image

For this weeks assignment I finally felt myself begin my process by thinking through coding rather than drawing. Instead of having a fully rendered drawing detailing every pixel of what I want to create I began by considering the concepts we had just learned and incorporating them into my idea as I planned. Since I spent less time trying to draw out beautiful visuals I wanted to be sure to have a more purposeful reason to my work than just to create something that tells time. When speaking of abstract time and image I began to be reminded of my room in my old home and the only way I could tell time then – through the sky. I had been too young to own a phone and refused to have a clock and thus settled for always peeking at the mirror on my wall which reflected the sky outside, always giving me a sense of what time of day it was. Despite the fact that I’m slowly becoming more familiar with programming, this project proved to be quite the challenge as my ambitions continued to rise and my skill set has yet to catch up. I’ve realized in this last project that at times my desire to create something visually extraordinary will lead to novice mistakes and confusing syntax which are two areas I need to continue to develop and grow in. Regardless, the process was challenging and fun as always.



FullSizeRender (1)
For this wall project, I was first thinking of the vines that climbs up the walls as time pass by. As a result, I’ve manipulated that idea a bit to make my abstract clock consists of flowers that climbs up the wall surfaces. Originally I want the flowers to have five petals, and for every second pass by, there should appear a petal until it forms a flower and will start drawing the next one. However, I’ve encountered a lot of difficulties in turning that into reality. So in the end, I had to change my design a little bit so that one whole flower appears each second to count the passing time.

Matthew Lin: Project 4


I chose to use moving ellipses to measure the change in hours, minutes, seconds, and milliseconds. As the ellipses move across the canvas, and as the day progresses, the colors slowly change from black to the highest of value of blue, green, and red for hours, minutes, and seconds respectively. However, instead of only having four moving elements, I also added white circles to mark the other hours of the day. This addition makes it easier to read the current time, and in the metaphorical sense, it represents that past moments still remain. Time includes the past and the future.

The growing rectangle near the bottom of the canvas represents the passing milliseconds. I was not able to code it correctly, which is why it just counts seconds. However, the rectangle is meant to change color with every even minute, making it visually dynamic.

AGondek – Project 4 – Abstract Clock

I really wish I’d had more time to put into this one this week. I was inspired by plants growing and changing over time. I thought ivy climbing the lattice for the seconds would be a good visual, and then the other plants growing and changing would help show minutes and hour. However, this seemed to be a little ambitious given my schedule this week; while the clock does work, I would love to go in and refine it.


Project 04 Abstract Clock


Playing around with p5, I created a Moire pattern. My original plan (in my sketchbook) was to overlap different orientations of a similar pattern of repeating lines. IMG_5591In the end, the clock measures every hour by the horizontal position of its left curve,  every minute with a completion of the pattern in a unique color, and every 3rd millisecond with a new line.

Project 4 – Abstract Clock

When brainstorming this project, I realized that plants operate on a very rhythmic basic. They rely on the sun, which is a huge indicator of time. They also rely on receiving water regularly and on time.

I decided to create a rather uncanny plant scene in which a house shrub is watered.

Each second, the plant receives a single drop of water.

Each minute, the water moves across the plant, in order to water the plant evenly.

Each hour, the sky changes color in way that matches the current color of the sky. For instance, at 12 pm, the sky will be bright blue, and at 10 pm, the sky will be dark:

~12 pm:

Screen Shot 2015-09-25 at 10.12.41 PM

~10 pm:

Screen Shot 2015-09-25 at 10.11.44 PM

This subtly lets ones know what time of day it is without seeming at all like a clock instrument. It is simply a scene.

I used photoshop to render this plant after brainstorming in my sketchbook. Photoshop allowed me to map the vertexes I used to create these shapes.

Screen Shot 2015-09-25 at 9.44.19 PM

Toni James.

Adrienne – Project-04-MinuteGlass

I was inspired by the perception of time moving relatively faster or slower. This clock measures minutes and seconds with a click of your mouse. You have to constantly observe the seconds pass by, and if you move, it will start over again. For me, this makes time move by very slowly. The Penrose triangle represents the ambiguity within a consistent mechanism of measurement. The rotation of the shape creates a mandala-like form representing the universe. The radial balance in the form alludes to the cyclic nature of time and its natural passing. The observer is the one that is supposed to construct the method that keeps track of time, as it has been done throughout history. Hopefully the participatory aspect suggests this concept.



Time is change, Time is growth, and Time is the ever spinning motion of the Universe!
Large circles represent ‘hours’ and a yellow circle denotes current hour. It turns into a white half-circle at night to represent the moon. Small yellow circles represent minutes, and a green one indicates the current minute number. Seconds begin to generate the spiral at second no. 0 and continue to do so until second no 59.




For my abstract clock I wondered what was an activity that we do that is circular and thought of a track and field/soccer field. So for my three abstract clock hands became shoes(second), cones(minute), and shoeboxes(hour). I used map() to figure out the angles which was what I also used for assignment B. Then I used cos() and sin() to change the x and y coordinates of the shapes I made to be in sync.