​

var col;

var x = 0;

var y = 0;

var stepSize = 5.0;

var lineLength = 25;

​

function setup() {

  createCanvas(800, 800);

  background('#fae')

  fill(random(255), random(255), random(255))

  var taille = random(125, 400)

  noStroke()

  rect(random(200), random(400), taille, taille)

  fill(8,63,91)

  noStroke()

quad(350,650,800, 700, 600, 700, 500, 400)

}

​

function draw() { if (mouseIsPressed && mouseButton == LEFT) {

    var d = dist(x, y, mouseX, mouseY);

​

    if (d > stepSize) {

      var angle = atan2(mouseY - y, mouseX - x);

​

      push();

      translate(x, y);

      rotate(angle);

      stroke(col);

      if (frameCount % 2 == 0) stroke(150);

      line(0, 0, 0, lineLength * random(0.95, 1) * d / 10);

      pop();

​

      if (drawMode == 1) {

        x = x + cos(angle) * stepSize;

        y = y + sin(angle) * stepSize;

      } else {

        x = mouseX;

        y = mouseY;

      }

    }

  }

}

  function mousePressed() {

  x = mouseX;

  y = mouseY;

  col = color(random(255), random(255), random(255), random(100));

  // lineLength = random(15, 50);

}

​

function keyReleased() {

  if (key == 's' || key == 'S') saveCanvas(gd.timestamp(), 'png');

  if (keyCode == DELETE || keyCode == BACKSPACE) background(255);

​

  if (key == '1') drawMode = 1;

  if (key == '2') drawMode = 2;

}

​