​

let opacity = 0;

let penColor = 0;

​

​

function preload() {

  doraemon = loadImage("imgs/doraemon.png");

  dog = loadImage("imgs/dog.png");

  spongebob = loadImage("imgs/spongebob.png");

}

function setup() {

  createCanvas(400, 400);

  background(random(0,255), random(0, 255), random(0, 255)); 

}

​

function draw() { 

  //stroke(penColor);

  //strokeWeight(strokeValue);

  // line(pmouseX, pmouseY, mouseX, mouseY); // if I wanted to draw in lines instead

  // strokeValue = 20

  /* conditionals based on mouse location.

  if (mouseX<width/2) strokeValue = mouseX/10;

  if (mouseX>=width/2){

    let reverseNumber = 20-((mouseX/10)-20);

    strokeSize = reverseNumber;

    }

    */

​

  // draw, clear and change pen icons with keyboard

  if (keyIsPressed){ // clear's sketch

    if (key=="R" || key=="r"){ // reset to random color.

      background(random(0,255), random(0, 255), random(0, 255));

    }2

    if (key=="1"){

  image(spongebob, mouseX, mouseY, 30, 30);

      console.log();

    }

    if (key=="2"){

      image(dog, mouseX, mouseY, 30, 30);

      console.log();

    }

    if (key=="3"){

      image(doraemon, mouseX, mouseY, 30, 30);

      console.log();

    }

  }

}

​

​