Computer Coding Exercises: MEDA102

Posted on Updated on

The simplicity in the work for me stands out as the aesthetic, and the opportunity for reproduction or development. The concept I was looking to convey in this code is the colour scheme of one rectangle following another to introduce iteration. The fill colour would align in some way to the next or previous stroke and continue into the next drawing function. The overlapping was also meant to challenge iteration as something that’s the same thing in the same spot, no cursor movement is the same and each key serves a different colour in a different grid point. As I related back to advice given to me in class when manipulating code in “stick to lines”, this made sense to me in terms of choosing an inspiration from “Dsaa La Martinière Diderot” on ( as the ellipse scheme was used throughout the introductory period of coding and as a dynamic in my work. I enjoyed the task of trial and error in my research engagement to the art, rather than a conceptual ‘original’ creation. Thus, random plotting to a known result of colours and shapes and observing the outcome until a certain aesthetic grabbed my attention, evidenced in the transparent view of key ‘s’. allowed annotations to be made as well as this method,

Dsaa La Martinière Diderot 2015, ellipses_colors, Open Processing, viewed 21st September 2015, <;

Progressive states of the code

Screen Shot 2015-09-22 at 3.24.00 PM

Screen Shot 2015-09-22 at 4.07.49 PM

Screen Shot 2015-09-22 at 4.19.15 PM


//Comments are used for making notes to help people better understand programs. A comment begins with two forward slashes “//”
float posX=250;//The float is used to describe, similar to an integer, a numerical value, however with a fractional value(decimal)
float posY=250;//position
float vitesseX;//axis
float vitesseY;

//each function is a specifc piece of instructions that are called upon whenever the name is required
void setup() { // the brackets show where the data is passed into the function
size(900,800);//this determines the size of the canvas or display window that the program runs the code inputted
background(255); //the colour in which the display window behind the art will be
smooth(); //allows the geometry (in my case circles) to have smoothed edges
loop(); //function that causes draw() to excute continuously, in my case the ellipse being a dynamic sketch (moving)
//the semicolon is used to end statements or lines of code
void draw() { //runs continuously until program is stopped
rect(mouseX,mouseY,200,200); //the ellipse with continue to appear as the mouse is moved around the X and Y axis.
//the 200 number reprents the size (dimensions) so if the user wanted a slightly oval shape, the values would be different
} //rectangle is the geonometric shape created within the code

void keyPressed() //key represents the keys on the keyboard for this to work
if (key == ‘s’) //the ‘s’ on the keyboard changes the colour of the ellipse, in this case to aqua
fill(13,255,209); //colour inside the shape
stroke(586,88,54,250); } //the outline colour
//used these two as base colours that explores the use of iteration
if (key == ‘a’) //the ‘a’ on the keyboard changes the colour of the ellipse, in this case to pink
fill(586,88,54,250); //fill resembles stroke from ‘s’
stroke(13,255,209); } //stroke resembles fill from key ‘s’
if (key == ‘m’) //the ‘m’ on the keyboard changes the colour of the ellipse, in this case to yellow
stroke(13,255,209); }// stroke resembles fill from key ‘s’


Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s