Programming Fundamentals
This is the app we’re going to use during this week workshop as the source for our data. Please download the app with your smart-phone and take a look at the official website to get a better understanding of the data that the app gathers from your device.
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.
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
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:
Hours are represented by a horizontal/RGB pixel scale (one pixel=1 hour), minutes are represented by a vertical/GRAYSCALE pixel scale (one pixel= 5 minutes) and seconds are represented by a diagonal/BINARY pixel scale (60 blinks per minute). Grayscale bar moves along the RGB scale, pointing to an hour pixel and binary scale moves along the grayscale, pointing to a minute pixel.