Coordinate System Quiz

For the first sketch:
“A black outlined square with a red horizontal line from the midpoint of the left side toward the middle of the right side.”

For the second sketch:
“A black outlined square with a red diagonal line from the lower left corner toward the upper right corner; and another red line from the lower right corner to the upper left.”

For the third sketch:
“A black outlined square with a red diagonal line centered on the axis between the upper left and lower right corners and another red diagonal line centered on the axis between the lower left and upper right corners.”

For the fourth sketch:
“A black outlined square with a red horizontal line centered on the axis between the midpoint of the left side and the midpoint of the right side and a red diagonal line centered on the axis between the lower left and upper right corners.”

Exercise 04


void setup() {
  background(0); // this makes the background black
}

void draw() {
  stroke(0, random(255), 0); // R, G, B

  // the screen is 100 pixels wide and 100 pixels tall
  // lines start at the middle of the screen (50, 50)
  line(50, 50, random(100), random(100) );
}

Exercise 03

that wasn’t hard, try this;


// use the menu File > Save to save your program
// use the menu File > Load to load an existing program
// setup() is called once at the start of the program

void setup() {
  // framerate() tells processing how many times per second
  // it should execute draw()
  frameRate(4);
}

void draw() {
  // choose a random background color
  background(random(255), random(255), random(255));
}

Exercise 02

that wasn’t hard, try this;



// the draw() function is called many times per second
// it's very useful for animating objects

// notice the opening and closing of curly braces 
// everything in between them is run many times per second

void draw() {
// background() erases the screen with a colour
  background(255, 204, 0);
  
  line(   random(100),random(100),   random(100),random(100)   ); 
  
}

Exercise 01

Let’s start with something simple…


// lines that begin with two slashes are comments for yourself
// point() draws a pixel on the display

point(50,50);
point(51,50);
point(52,50);
point(53,50);
point(54,50);
point(55,50);

// the first number is the X value (distance from the left border)
// the second number is the Y value (distance from the top border)


// line() draws a line on the display

line(0,0,99,99);

// use the menu Help > Reference to learn more about
// point() and line()

Introduction to Processing

Processing is a popular, very-high-level programming language that began at MIT in 2001. Originally developed by MIT Media Lab alums Casey Reas and Benjamin Fry—both artists and technology thinkers, Processing was intended to be a learning language, a tool to get non-programmers, particularly artists, hooked on code via the promise and delivery of immediate visual feedback.

If you’re interested in learning more about the history of Processing, here’s an interesting article about it.

Workshop Goals:

Explore the concepts and skills of creative coding

Throughout the workshop we’ll help you develop practical programming concepts and skills by exploring creative ideas and challenges. We’ll be looking at the history and philosophy behind artistic uses of technology, so you can gain a greater understanding of how best to express your own creative vision using the software you write.

The aim is to teach you “algorithmic thinking” – ways to conceptualize and model the world so you can express creative ideas using computer programs.