Category Archives: Exercises

The Perspective Clock

The basic aim of this exercise was to represent time in a different graphical ways. so the idea with this clock is to see hours, minutes and the seconds as a square frames which starts from a square in the center, which is far away and as the time progresses these frames come out. Hence giving it a corridor like feel.

The second’s frame changes it color from blue to red as it progresses. The hour frame is vise versa to the second frame. The minute frames is represented by green.

Display

The Perspective Clock

Also posted in Furqan Habib, Int Programming | Comments closed

Coding Flags

The first exercise of Int Programming was to make 8 flags by using Processing ( http://processing.org/).

The whole exercise revolved around how to make shapes (rectangle, circle – ellipse & various polygon) with the right color, size and putting it at the correct location of our canvas. So that in the end we have a flags drawn by the computer using processing to type the instruction.

Below are the few basic instruction that we used, of cause you can find about it more form processing library. (http://processing.org/reference/)

size(width, height);—————————–the size of your canvas
fill(red value, green value2, blue value3,);——–the color of the object
rect(x, y, width, height);———————– draw a rectangle
ellipse(x, y, width, height);———————-draw an ellipse or circle

Bahrain

Catalonia

Greece

Guyana

Iceland

Kuwait

Maldive

Bahams

Also posted in Furqan Habib, Int Programming | Comments closed

Time Trace Relations _ clock

In this assignment, the concept was to divert the basic idea of a typical analog clock  of having three time units rotating in the same axis. The ‘Time Relations’ between hours and minutes can be visualized both from an hour or a minute point of reference. Lines are used to connect points of the current hour position to the current minute position, making a new line every minute. These rules also apply for the relations of minutes to seconds, but making a new line every second. The connection lines relate the bigger unit with the smaller one in their own relative time frames, leaving a ‘trace’ that can be understood as a unique graphical representation of  any current hour in the day.

Also posted in Int Programming, Rafael Vargas, Students | Comments closed

Flags of the World

These flags were made as a basic introduction to Processing. Each was drawn independently using basic logic of coordinates, colors, shapes, etc. Each flag has it’s own characteristics, therefore every process of writing the code its different for each.

Catalonia

Bahamas

Kuwait

Iceland

Maldives

Guyana

Greece

St. Lucia

Also posted in Int Programming, Rafael Vargas, Students | Comments closed

bauhaus clock

The third task was to a create a clock which could count time in it’s creative way. Due to my personal admire to Bauhaus, I’ve decided to dedicate exercise to this great influential approach. The main idea was that clock has three parameters to count time (hours / minutes / seconds), which actually complement Bauhaus ideas (3 main colors / shapes etc.) It seemed interesting try to link it. I’ve started with grid, which was 60×60 for seconds, then 120×60 for minutes and 24 horizontal lines for hours. I’ve put all of them in the same canvas and added 3 lines representing different time ratio. Finally I’ve ended with linear and gradient versions of it. The linear purely shows how time ratios interact with each other, while the second one plays with colors, mixing ‘em and creating shades out of core colors.

So how does it work? The red part counts seconds: every loop (60 seconds) it pushes yellow minute line forward. When minute’s part reaches the end, it lifts blue hour up. You have to get used to understand what the time is, but finally there’s a picture of changing composition, which is based on classical RYB colors and flavor of 1930-ies.

here’s linear ..

..and gradient clock:

Also posted in Gerda Antanaityte, Int Programming, Students | Tagged , , , | Comments closed