var spd = 10

​

function preload(){

  picture = loadImage('picture.jpg')

}

​

function setup() {

  frameRate(60)

  createCanvas(2592*3, 1944*3);

  // original picture size 2592 x 1944

  alert("Welcome to my Picture Loader! Controls:                                                                                                                          Up and Down arrows for loading speed, PgUp for faster loading speed and PgDn for loading speed to reset to 0. Spacebar to reset canvas")

  picture.resize (width, height)

  rectMode(CENTER)

  noStroke()

}

​

function draw() {

  if (spd < 0){

    spd = 1

  }

    if (keyIsPressed) {

    if (keyCode == UP_ARROW) {

      spd = spd+10

    }

      else if (keyCode == DOWN_ARROW){

        spd = spd-10

}

      else if (keyCode == 34){

        spd = 0

      }

      else if (keyCode == 32){

        clear()

      }

      else if (keyCode == 33){

        spd = spd + 5000

      }

  }

  for (let i = 0; i < spd; i++){

    // change speed here⬆

    const pos = rand_pos ()

    const col = picture.get (pos.x, pos.y)

    fill (col)

    square (pos.x, pos.y, random(1, 1))

    // change size here             ⬆

  }

  console.log(spd)

}

​

function rand_pos (){

  const x = random(width)

  const y = random (height)

  return createVector (x,y)

}