/* Austin Garcia
Section C
aegarcia@andrew.cmu.edu
Project - 04
*/
function setup() {
createCanvas(600, 600);
}
function draw() {
background(0);
// purple background
stroke(80, 40, 200);
for (var x1 = 0; x1 <= height; x1 += 10) {
for (var y1 = 0; y1 < width; y1 += 4) {
line(x1, y1, 3 * width, 2 * height)
}
}
// white 'god rays'
stroke(255, 255, 255);
for (var x2 = 2; x2 <= height; x2 += 100) {
for (var y2 = 0; y2 < width; y2 += 100) {
line(x2, y2, 0, 0)
}
}
// green wings bot
stroke(30, 300, 55);
for (var x3 = 0; x3 < width / 20; x3 += 60) {
for (var y3 = 0; y3 <= 200; y3 += 4) {
line(x3, y3, width, height)
}
}
stroke(30, 300, 55);
for (var x4 = 0; x4 < width / 20; x4 += 60) {
for (var y4 = 0; y4 <= 200; y4 += 4) {
line(x4, y4, width / 1.5, height / 1.5)
}
}
stroke(30, 300, 55);
for (var x5 = 0; x5 < width / 20; x5 += 60) {
for (var y5 = 0; y5 <= 200; y5 += 4) {
line(x5, y5, width / 2, height / 2)
}
}
stroke(30, 300, 55);
for (var x6 = 0; x6 < width / 20; x6 += 60) {
for (var y6 = 0; y6 <= 200; y6 += 4) {
line(x6, y6, width / 4, height / 4)
}
}
// green wings top
stroke(30, 300, 55);
for (var x7 = 0; x7 < width / 20; x7 += 60) {
for (var y7 = 0; y7 <= 200; y7 += 4) {
line(y7, x7, width, height)
}
}
stroke(30, 300, 55);
for (var x8 = 0; x8 < width / 20; x8 += 60) {
for (var y8 = 0; y8 <= 200; y8 += 4) {
line(y8, x8, width / 1.5, height / 1.5)
}
}
stroke(30, 300, 55);
for (var x9 = 0; x9 < width / 20; x9 += 60) {
for (var y9 = 0; y9 <= 200; y9 += 4) {
line(y9, x9, width / 2, height / 2)
}
}
stroke(30, 300, 55);
for (var x10 = 0; x10 < width / 20; x10 += 60) {
for (var y10 = 0; y10 <= 200; y10 += 4) {
line(y10, x10, width / 4, height / 4)
}
}
}
While experimenting with creating lines, I was fascinated with the way that arcs and curves can be perceived when straight lines intersect. I decided to try and make a butterfly-wing like shape projecting from a corner of the canvas