JUNE STRING ART
//junelee
//section c
//15-104
//junelee@andrew.cmu.edu
var incx1;
var incy1;
var incx2;
var incy2;
var linebw;
var offsetx;
var offsety;
function setup() {
createCanvas(300,400);
background(0);
}
function draw() {
//WHITE
//first- lines from 0,0
// line(0,0,300,150);
// line(75,0,300,300);
strokeWeight(0.5);
stroke(255);
//increments for line
linebw=30;
incx1=(75-0)/linebw;
incy1=0;
incx2=0;
incy2=(300-150)/linebw;
//bound for starting line (box)
var x1=0;
var x2=300;
var y1=0;
var y2=150;
//lines bw
for (var n=0; n<=linebw; n+=1) {
line(x1,y1,x2,y2);
x1+=incx1;
y1+=incy1;
x2+=incx2;
y2+=incy2;
}
noLoop();
//second- circles
noFill();
strokeWeight(0.7);
stroke(255);
//points
var x1=125;
var y1=200;
linebw=30;
//circle draw
for (var diam=3; diam<=200; diam*=1.07) {
circle(x1,y1,diam);
}
noLoop();
//third- background
// line(100,400,300,150);
// line(55,500,75,0);
strokeWeight(0.5);
stroke(255);
//increments for line
linebw=20;
incx1=(300-75)/linebw;
incy1=(150-0)/linebw;
incx2=(100-55)/linebw;
incy2=0;
//bound for starting line (box)
var x1=75
var x2=55;
var y1=-170;
var y2=500;
//lines bw
for (var n=0; n<=linebw; n+=1) {
line(x1,y1,x2,y2);
x1+=incx1;
y1+=incy1;
x2+=incx2;
y2+=incy2;
}
noLoop();
//BLUE
translate(14,0)
strokeWeight(0.5);
stroke(0,0,255);
//increments for line
linebw=30;
incx1=(75-0)/linebw;
incy1=0;
incx2=0;
incy2=(300-150)/linebw;
//bound for starting line (box)
var x1=0;
var x2=300;
var y1=0;
var y2=150;
//lines bw
for (var n=0; n<=linebw; n+=1) {
line(x1,y1,x2,y2);
x1+=incx1;
y1+=incy1;
x2+=incx2;
y2+=incy2;
}
noLoop();
//second- circles
noFill();
strokeWeight(0.7);
stroke(0,0,255);
//points
var x1=125;
var y1=200;
linebw=30;
//circle draw
for (var diam=3; diam<=200; diam*=1.07) {
circle(x1,y1,diam);
}
noLoop();
//third- background
// line(100,400,300,150);
// line(55,500,75,0);
strokeWeight(0.5);
stroke(0,0,255);
//increments for line
linebw=20;
incx1=(300-75)/linebw;
incy1=(150-0)/linebw;
incx2=(100-55)/linebw;
incy2=0;
//bound for starting line (box)
var x1=75
var x2=55;
var y1=-170;
var y2=500;
//lines bw
for (var n=0; n<=linebw; n+=1) {
line(x1,y1,x2,y2);
x1+=incx1;
y1+=incy1;
x2+=incx2;
y2+=incy2;
}
noLoop();
//RED
translate(20,0)
strokeWeight(0.5);
stroke(255,0,0);
//increments for line
linebw=30;
incx1=(75-0)/linebw;
incy1=0;
incx2=0;
incy2=(300-150)/linebw;
//bound for starting line (box)
var x1=0;
var x2=300;
var y1=0;
var y2=150;
//lines bw
for (var n=0; n<=linebw; n+=1) {
line(x1,y1,x2,y2);
x1+=incx1;
y1+=incy1;
x2+=incx2;
y2+=incy2;
}
noLoop();
//second- circles
noFill();
strokeWeight(0.7);
stroke(255,0,0);
//points
var x1=125;
var y1=200;
linebw=30;
//circle draw
for (var diam=3; diam<=200; diam*=1.07) {
circle(x1,y1,diam);
}
noLoop();
//third- background
// line(100,400,300,150);
// line(55,500,75,0);
strokeWeight(0.5);
stroke(255,0,0);
//increments for line
linebw=20;
incx1=(300-75)/linebw;
incy1=(150-0)/linebw;
incx2=(100-55)/linebw;
incy2=0;
//bound for starting line (box)
var x1=75
var x2=55;
var y1=-170;
var y2=500;
//lines bw
for (var n=0; n<=linebw; n+=1) {
line(x1,y1,x2,y2);
x1+=incx1;
y1+=incy1;
x2+=incx2;
y2+=incy2;
}
noLoop();
}
I chose to portray string art that interacts with each other and creates new shapes through intersections. I chose the colors for a “trippy” color palette.