Austin Garcia – Project 05 – Section C

sketch

/*		Austin Garcia
		Section C
		aegarcia@andrew.cmu.edu
		Project-05
*/

var s = 20

function setup() {
    createCanvas(600, 600);

}

function draw() {
    background(100)


    strokeWeight(10)
    fill(50)

    //background
    for (var i = 0; i <= width; i += width / 20) {
        for (var l = 0; l <= height; l += 40) {
            rect(i, l, width / 20, height)
        }
    }

    // base circles
    for (var x = 0; x <= width; x += s * 2) {
        for (var y = 50; y <= height; y += s * 4) {
          ellipse (x, y, 40, 40)
          fill(y / 2, x / 2, y * 3)
        }
    }
    //blue circles
    for (var x = 20; x <= width; x += s * 2) {
        for (var y = 50; y <= height; y += s * 4) {
          ellipse(x - 5, y - 5, 10, 20)
        }
    }
    for (var x = 20; x <= width; x += s * 2) {
        for (var y = 50; y <= height; y += s * 4) {
          ellipse(x + 5, y - 5, 10, 20)
        }
    }
    //inner  circles creating curves of 'potions'
    for (var x = 20; x <= width; x += s * 2) {
        for (var y = 50; y <= height; y += s * 4) {
          ellipse(x - 5, y - 5, 5, 10)
        }
    }
    for (var x = 20; x <= width; x += s * 2) {
        for (var y = 50; y <= height; y += s * 4) {
          ellipse(x + 5, y - 5, 5, 10)
        }
    }
    for (var x = 20; x <= width; x += s * 2) {
        for (var y = 50; y <= height; y += s * 4) {
          ellipse(x, y + 10, 15, 10)
        }
    }
    //shelves
    for (var i = 0; i <= width / 20; i += width / 20 * 2) {
        for (var l = 0; l <= height; l += 40 * 2) {
            rect(i, l - 15, width, 20)
            fill(101, 67, 33)
            strokeWeight(0)
        }
    }
    //bubbles
    for (var x = 4; x <= width; x += s * 2) {
        for (var y = 20; y <= height -100; y += s * 4) {
          ellipse (x, y, 5, 5)
          fill(225)
          strokeWeight(0)
        }
    }
    for (var x = -2; x <= width; x += s * 2) {
        for (var y = 15; y <= height -100; y += s * 4) {
          ellipse (x, y, 4, 4)
          fill(225)
          strokeWeight(0)
        }
    }
    for (var x = 0; x <= width; x += s * 2) {
        for (var y = 25; y <= height - 50; y += s * 4) {
          ellipse (x, y, 6, 6)
          fill(225)
          strokeWeight(0)
        }
    }





}

I was playing around with patterns and realized I had created a potion looking form by layering circles. I decided to add a background and bubbles coming up from the potions as well as potion racks to finish off the pattern