sketchDownload
// Se A Kim
// seak
// Section D
var numLines = 100;
function setup() {
createCanvas(400, 300);
background(200);
dx1 = (0-0)/numLines;
dy1 = (100-0)/numLines;
dx2 = (200-0)/numLines;
dy2 = (400-0)/numLines;
}
function draw() {
strokeWeight(.5);
background(255);
var x1 = 0;
var y1 = 0;
var x2 = 0;
var y2 = 200;
for (var i = 0; i <= numLines; i += 1) {
stroke(0, 100, 200);
line(0, i*3, 400, 0);
line(100, i*3, 400, 0);
line(200, i*3, 400, 0);
line(300, i*3, 400, 0);
stroke(0, 200, 300);
line(i*4, 100, 0, 0);
line(i*4, 200, 0, 0);
line(i*4, 300, 0, 0);
line(i*4, 400, 0, 0);
stroke(300, 200, 300);
line(400, 300, i*3, 100);
line(400, 300, i*3, 200);
line(400, 300, i*3, 300);
line(400, 300, i*3, 400);
stroke(300, 200, 100);
line(0, 300, i*4, 100);
line(0, 300, i*4, 200);
line(0, 300, i*4, 300);
line(0, 300, i*4, 400);
x1 += dx1;
y1 += dy1;
x2 += dx2;
y2 += dy2;
}
}
I decided to create multiple lines coming out of the four corners of the canvas to get a better understanding of drawing string lines.