//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.