​

function setup() {

  createCanvas(600, 600);

  initmyLines();

}

​

function draw() {

  background(255);

  var lengthOfLongestLine = 0;

  var indexOfLongestLine = 0;

  for (var i = 0; i < myLines.length; i++) {

    var leng = myLines[i].getLength();

    if (leng > lengthOfLongestLine) {

      lengthOfLongestLine = leng;

      indexOfLongestLine = i;

    }

  }

  for (var i = 0; i < myLines.length; i++) {

    if (i == indexOfLongestLine) {

      strokeWeight(10);

      stroke("red");

    } else {

      strokeWeight(5);

      stroke(0);

    }

   myLines[i].display();

  }

}

​

function mousePressed() {

  initmyLines();

}

​

function initmyLines() {

  myLines = [];

  for (var i = 0; i < 5; i++) {

    myLines.push(new MyLine());

  }

}

​

class MyLine {

  constructor() {

    this.x1 = random(width);

    this.y1 = random(height);

    this.x2 = random(width);

    this.y2 = random(height);

  }

  display() {

    line(this.x1, this.y1, this.x2, this.y2);

  }

  getLength() {

    var out = dist(this.x1, this.y1, this.x2, this.y2);

    return out;

  }

}