Project-03-wallpaper kgao

sketch

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

function draw() {
	noStroke();
	background(0, 100, 150);
	var rowWidth = 20;
	var columnWidth = 20;
	var xpos = 0;
	var ypos = 0;
    for (var y = 0; y < 40; y++){
    	var realY = ypos + y * columnWidth
    		for (var x = 0; x < 40; x++) {
    			var realX = xpos + x * rowWidth
    			rect(realX, realY, 10, 10);
    			ellipse(realX - 5, realY - 5, 5, 5);
    		}
  }
}

For Project-03, I made an 800×800 grid with a blue background and filled it with squares and circles. I used similar code to the hexagonal grid assignment to generate the rows and columns of the shapes. It was interesting to see how I could use what I have learned in past assignments to create a new wallpaper for my computer.