/*Rachel Park
rsp1@andrew.cmu.edu
Section B @ 10:30AM
Project 05: Wallpaper Art*/
var SIZE = 25;
function setup() {
createCanvas(480, 480);
noStroke();
}
function draw() {
drawGrid();
drawPetal1();
drawPetal2();
drawPetal3();
drawPetal4();
drawMiddle();
drawSquare();
noLoop();
}
function drawGrid() {
for (var y = 0; y < height + SIZE; y += SIZE) {
for (var x = 0; x < width + SIZE; x += SIZE) {
fill('lightblue');
ellipse(x,y,SIZE, SIZE);
}
}
}
function drawPetal1() {
for (var y = 0; y < height + SIZE; y += SIZE) {
for (var x = 0; x < width + SIZE; x += SIZE) {
fill(255,178,178);
rectMode(CENTER);
rect(x+5,y,7,7);
}
}
}
function drawPetal2() {
for (var y = 0; y < height + SIZE; y += SIZE) {
for (var x = 0; x < width + SIZE; x += SIZE) {
fill(255,178,178);
rectMode(CENTER);
rect(x-5,y,7,7);
}
}
}
function drawPetal3() {
for (var y = 0; y < height + SIZE; y += SIZE) {
for (var x = 0; x < width + SIZE; x += SIZE) {
fill(255,178,178);
rectMode(CENTER);
rect(x,y+5,7,7);
}
}
}
function drawPetal4() {
for (var y = 0; y < height + SIZE; y += SIZE) {
for (var x = 0; x < width + SIZE; x += SIZE) {
fill(255,178,178);
rectMode(CENTER);
rect(x,y-5,7,7);
}
}
}
function drawMiddle() {
for (var y = 0; y < height + SIZE; y += SIZE) {
for (var x = 0; x < width + SIZE; x += SIZE) {
fill(255);
rectMode(CENTER);
rect(x,y,4,4);
}
}
}
function drawSquare() {
for (var y = 0; y < height + SIZE; y += 50) {
for (var x = 0; x < width + SIZE; x += 50) {
fill(178);
rectMode(CENTER);
rect(x,y,SIZE,height);
}
}
}
For my design, I wanted something simple and to the point. So as I was looking for inspiration, I noticed a lot of wall designs with stripes and such. To add a bit more, I added in flowers into the design as well.