introduction to computation
1.10-2.9.2022
wintersession 2022

session one: getting started

introduction to writing code

  1. draw a large square
  2. draw a thin oval within the square
  3. without lifting your pen, draw another oval slightly larger than the first and that shares its curve
  4. keep drawing ovals that share these curves until the square is filled
  5. the ovals can exceed the bounds of the square
recreating Josef Alber's squares

function setup() {
createCanvas(1999,1999);
}

function draw() {
background (300);
noStroke();
fill(0, 167, 124);
rect (100,50,500,500);
fill(0, 135, 126);
rect(150,125,400,400);
fill(0, 112, 124);
rect(200,200,300,300);
fill(0, 109, 168);
rect(250,275,200,200);

fill(241, 174, 5);
rect (700,50,500,500);
fill(231, 143, 20);
rect(750,125,400,400);
fill(226, 93, 26);
rect(850,300,200,200);

fill(210, 45, 25);
rect (100,650,500,500);
fill(221, 47, 23);
rect(150,725,400,400);
fill(229, 51, 23);
rect(200,800,300,300);

fill(60, 94, 59);
rect (700,650,500,500);
fill(0, 133, 122);
rect(750,725,400,400);
fill(1, 145, 97);
rect(850,900,200,200);
fill(242, 163, 84);
rect (100,1250,500,500);
fill(226, 129, 26);
rect(150,1325,400,400);
fill(229, 108, 22);
rect(200,1400,300,300);
fill(32, 30, 31);
rect (700,1250,500,500);
fill(58, 56, 57);
rect(750,1325,400,400);
fill(71, 67, 66);
rect(800,1400,300,300);
//point(x,y);
//line (x1,y1,x2,y2);
//rect (x,y,width,height);
//ellipse (x,y,width,height);
}