let lines; let frames=0; function setup() { frameRate(30); let w = window.innerWidth; let h = window.innerHeight; createCanvas(w, h); lines=[]; for(var i=0;i<15;i++){ lines[i] = new Line( w * 0.5 + 0.8 * w * (random() - 0.5), h * 0.5 + 0.8 * h * (random() - 0.5), w * 0.5 + 0.8 * w * (random() - 0.5), h * 0.5 + 0.8 * h * (random() - 0.5) ); } //lines.push( new Line(10+0.1,0,11,h) ); //lines.push( new Line(0.1,0,w,-0.01) ); //lines.push( new Line(0.1,h,w,h) ); //lines.push( new Line(w+0.1,0,w,h) ); } function draw() { background(0); stroke(255); strokeWeight(1); frames++; for(var i=0;i Math.max(x0, x1) || x > Math.max(x2, x3) || y > Math.max(y0, y1) || y > Math.max(y2, y3) || x < Math.min(x0, x1) || x < Math.min(x2, x3) || x < Math.min(x0, x1) || y < Math.min(y2, y3) ) return false; return { x : x, y : y }; } draw(){ line(this.p1.x, this.p1.y, this.p2.x, this.p2.y); circle(this.p1.x,this.p1.y,3); circle(this.p2.x,this.p2.y,3); } move(){ this.p1.x += this.v1.x; this.p1.y += this.v1.y; this.p2.x += this.v2.x; this.p2.y += this.v2.y; if(this.p1.x<0){ this.p1.x=0; this.v1.x*=-1; } if(this.p1.y<0){ this.p1.y=0; this.v1.y*=-1; } if(this.p1.x>width){ this.p1.x=width; this.v1.x*=-1; } if(this.p1.y>height){ this.p1.y=height; this.v1.y*=-1; } if(this.p2.x<0){ this.p2.x=0; this.v2.x*=-1; } if(this.p2.y<0){ this.p2.y=0; this.v2.y*=-1; } if(this.p2.x>width){ this.p2.x=width; this.v2.x*=-1; } if(this.p2.y>height){ this.p2.y=height; this.v2.y*=-1; } } }

intersection