Brandonhyun- Project-05-WallPaper

sketch

//Brandon Hyun
//15-104 Section B
//bhyun1@andrew.cmu.edu
//Project 05

function setup() {
    createCanvas(460, 460);
    background(100,200,300); // blue background
    noLoop();
}

function draw() {

//Red Circle
  for(var row = 0; row <= width; row += 50){
    for (var col = 0; col <= height; col += 50){
      fill(255,0,0);
      noStroke();
      ellipse (row,col,50,50);
    }
  }
//white Circle#1
  for(var row = 0; row <= width; row += 50){
    for (var col = 0; col <= height; col += 50){
      fill(209,234,254);
      ellipse (row+11,col+11,21,21);
    }
  }
  //Blue Circle #1
  for(var row = 0; row <= width; row += 50){
    for (var col = 0; col <= height; col += 50){
      fill(72,98,163);
      ellipse (row+10,col-10,21,21);
    }
  }
//white circle #2
  for(var row = 0; row <= width; row += 50){
    for (var col = 0; col <= height; col += 50){
      fill(72,98,163);
      ellipse (row-10,col+10,21,21);
    }
  }
//blue circle#2
  for(var row = 0; row <= width; row += 50){
    for (var col = 0; col <= height; col += 50){
      fill(209,234,254);
      noStroke();
      ellipse (row-11,col-11,21,21);
    }
  }
}

For this project, I wanted to create something that is simple but interesting. I necessarily did not have a set design that I wanted to pursue but I wanted to play around with the shapes in p5 js. and create an interesting composition.  I used only circles in my patterns but interestingly, the combinations of circles created a star shape.

I also wanted to color code my shapes so I used color combinations that would match well with the blue background. My reference came from this image from google.

Leave a Reply