let step = 30;

​

​

function setup() {

  createCanvas(400, 400);

  background(220);

}

​

function draw() {

  // background(220);

  // noStroke();

  // ellipse(mouseX, mouseY, 90, 10);

    frames = 50;

    frameRate(frames);

  if (keyCode === UP_ARROW){

      frames = frames + step;

      frameRate(frames);

      console.log(frames);

  } 

    if (keyCode === DOWN_ARROW){

      frames = frames - step;

      frameRate(frames);

      console.log(frames);

    }

​

  if (mouseIsPressed){

​

    strokeWeight(random(30));

    stroke(mouseX, mouseY, random(255));

    line(pmouseX,pmouseY,mouseX,mouseY);

  }

  if (keyIsPressed){

    if (key =="r" || key == "R"){

      background(random(230,250), random(100, 220), random(100, 220))

        }

    }

}

​

​

​

​

​

/*

  function keyPressed(){

      if (keyCode === UP_ARROW){

      frames = frames + step;

      frameRate(frames);

      console.log(frames);

  } else if (keyCode === DOWN_ARROW){

      frames = frames - step;

      frameRate(frames);

      console.log(frames);

    }

  }

  */