​

var col;

var x = 0;

var y = 0;

var stepSize = 5.0;

var lineLength = 25;

function setup() {

   createCanvas(800, 800);

  background(12,30,40)

   fill(8,63,91)

  noStroke()

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

   fill(56,132,171)

  noStroke()

quad(275,750,100, 50, 600, 700, 500, 400)

   fill(15,92,85)

  noStroke()

quad(25,400,150, 255, 125, 68, 500, 400)

   fill(69,61,89)

  noStroke()

quad(random(100),random(200),random(400), random(600), random(700), random(200), random(700), random(800))

  fill(69,73,91)

  noStroke()

quad(random(200),random(450),random(400), random(600), random(700), random(200), random(700), random(800))

  fill(142,158,198)

  noStroke()

quad(random(600),random(700),random(200), random(400), random(600), random(200), random(700), random(800))

   fill(56,156,223)

  noStroke()

quad(random(100),random(700),random(600), random(400), random(250), random(200), random(700), random(800)) 

    fill(0,55,91)

  noStroke()

quad(random(50),random(150),random(300), random(550), random(800), random(200), random(700), random(800))

    fill(209,237,255)

  noStroke()

quad(random(800),random(450),random(100), random(400), random(600), random(200), random(700), random(800))

    fill(48,60,68)

  noStroke()

quad(random(600),random(700),random(550), random(600), random(600), random(800), random(700), random(800))

    fill(24,67,87)

  noStroke()

quad(random(600),random(700),random(200), random(400), random(800), random(800), random(700), random(800))

    fill(14,27,91)

  noStroke()

quad(random(25),random(60),random(200), random(700), random(55), random(400), random(700), random(800))

    fill(198,195,226)

  noStroke()

quad(random(600),random(700),random(200), random(400), random(35), random(47), random(682), random(432))

    fill(63,71,114)

  noStroke()

quad(random(400),random(10),random(200), random(400), random(600), random(200), random(458), random(323))

    fill(142,158,198)

  noStroke()

quad(random(600),random(700),random(200), random(400), random(600), random(200), random(700), random(800))

   fill(142,158,198)

  noStroke()

quad(random(600),random(700),random(200), random(400), random(600), random(200),random(700), random(800))

   fill(209,237,255)

  noStroke()

quad(random(800),random(450),random(100), random(400), random(600), random(200), random(700), random(800))

   fill(7,15,57)

  noStroke()

quad(random(37),random(320),random(100), random(400), random(600), random(200), random(700), random(200))

   fill(13,79,117)

  noStroke()

quad(random(34),random(600),random(200), random(45), random(55), random(700), random(700), random(800))

   fill(41,51,57)

  noStroke()

quad(random(50),random(25),random(100), random(400), random(500), random(200), random(700), random(800))

   fill(203,237,255)

  noStroke()

quad(random(10),random(450),random(100), random(400), random(600), random(200), random(700), random(800))

   fill(29,58,75)

  noStroke()

quad(random(8),random(65),random(100), random(400), random(600), random(200), random(700), random(800))

    fill(14,27,91)

  noStroke()

quad(random(25),random(60),random(200), random(700), random(55), random(400), random(700), random(800))

    fill(66,120,151)

  noStroke()

quad(random(75),random(80),random(200), random(700), random(55), random(400), random(700), random(800))

    fill(61,162,220)

  noStroke()

quad(random(750),random(400),random(200), random(700), random(55), random(400), random(700), random(800))

    fill(5,66,101)

  noStroke()

quad(random(300),random(800),random(200), random(700), random(55), random(400), random(45), random(25))

    fill(14,27,91)

  noStroke()

quad(random(450),random(60),random(200), random(700), random(2), random(35), random(700), random(45))

    fill(14,27,91)

  noStroke()

quad(random(25),random(60),random(200), random(70), random(45), random(100), random(700), random(87))

   fill(135,151,161)

  noStroke()

quad(random(400),random(666),random(667), random(45), random(45), random(100), random(700), random(87))

   fill(170,174,219)

  noStroke()

quad(random(500),random(35),random(200), random(70), random(400), random(100), random(47), random(87))

}

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;

}

​

​

​

​