​

// two empty arrays

var xPositions = [];

var yPositions = [];

​

function setup() {

  createCanvas(800, 800);

  // push a bunch of random positions into the arrays

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

    xPositions.push( random(800) );

    yPositions.push( random(800) );

  }

​

  //background(220);

}

​

function draw() {

  background(220);

  noFill(0);

  strokeWeight(3);

  // loop through the arrays and draw ellipses at the x and y positions

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

    curve(0, 700, xPositions[i], mouseY, mouseX, yPositions[i], 200, 800);

  }

}

​

​

​

function keyPressed(){

  if (key === 's'){

    saveCanvas("Toolkit Project Generator - Array + Curves.jpg");

  }

}