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:

Posted in Exercises, Gerda Antanaityte, Int Programming, Students | Tagged , , , | Comments closed

subjective 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.

Posted in Exercises, Int Programming, Martin Lukac, Students | Comments closed

programming exercise 02

Posted in Exercises, Int Programming, Martin Lukac, Students | Comments closed

programming exercise 01_flags

Posted in Exercises, Int Programming, Martin Lukac, Students | Comments closed

Publishing a Processing sketch

Please follow these instructions for publishing your Processing sketches in the blog:

1.- Connect to IAAC’s FTP with your favorite FTP software.
2.- Upload the Processing files (.pde) to your folder (optional: create more folders inside yours to have your sketches orginized)
3.- In the WordPress admin panel create a New Post and make sure that the content field is in HTML mode (not Visual mode)
4.- Type the text you want as an explanation of the task and include a canvas tag indicating the path to your file in the attribute data-processing-sources
5.- Add to the canvas tag the width and height attributes indicating the size of your processing canvas
6.- Add categories and tags to your post… and we are good to go! (I mean, click the Update button ;)

Here is an example, your canvas tag should look something like this:
<canvas width="640" height="480" data-processing-sources="http://legacy.iaacblog.com/intprocessing/cristobalcastilla/T03_02_ClockAnalog.pde"></canvas>

You should see the following sketch:

FYI: we’re using Processing JS to make processing sketches work in the browser. Please visit the plug-in’s page to read more info about it.

Posted in Exercises, Int Programming | Tagged , , | Comments closed