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.
Category Archives: Exercises
programming exercise 01_flags
Also posted in 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.
Class 1 – Exercise – Drawing flags
Draw the flags according to the following rules:
- Draw them in order of difficulty (from top to bottom)
- Try to use as little polygons as possible
- Be as precise as possible with the colours and proportions of the elements
- Draw one flag per sketch. The size of the sketch should be 190 x 120 px.
