let color1;

let color2;

let color3;

let color4;

let color5;

let color6;

let color7;

let color8;

let color9;

​

//generate the dice

function setup() {

  createCanvas(400, 400);

  //generate a random number

  number = int(random(1,7));

  //all the dots starts being white

  color1 = 255;

  color2 = 255;

  color3 = 255;

  color4 = 255;

  color5 = 255;

  color6 = 255;

  color7 = 255;

  color8 = 255;

  color9 = 255;

​

  //status of the dots when each number is generated

  if(number >= 1){

    color1 = 255;

    color2 = 255;

    color3 = 255;

    color4 = 255;

    color5 = 0;

    color6 = 255;

    color7 = 255;

    color8 = 255;

    color9 = 255

  }

  if(number >= 2){

    color1 = 255;

    color2 = 255;

    color3 = 255;

    color4 = 0;

    color5 = 255;

    color6 = 0;

    color7 = 255;

    color8 = 255;

    color9 = 255

  }

  if(number >= 3){

    color1 = 255;

    color2 = 255;

    color3 = 0;

    color4 = 255;

    color5 = 0;

    color6 = 255;

    color7 = 0;

    color8 = 255;

    color9 = 255;

  }

  if(number >= 4){

    color1 = 0;

    color2 = 255;

    color3 = 0;

    color4 = 255;

    color5 = 255;

    color6 = 255;

    color7 = 0;

    color8 = 255;

    color9 = 0

  }

  if(number >= 5){

    color1 = 0;

    color2 = 255;

    color3 = 0;

    color4 = 255;

    color5 = 0;

    color6 = 255;

    color7 = 0;

    color8 = 255;

    color9 = 0

  }

  if(number >= 6){

    color1 = 0;

    color2 = 0;

    color3 = 0;

    color4 = 255;

    color5 = 255;

    color6 = 255;

    color7 = 0;

    color8 = 0;

    color9 = 0

  }

}

​

//placing things on the dice

function draw() {

  background(255);

  noStroke();

  //showing the number at the corner

  textFont("Helvetica");

  textSize(15);

  fill(150);

  text(number,8,20)

  //placing dots on the dice

  fill(color1);

  ellipse(100,100,70);

  fill(color2);

  ellipse(200,100,70);

  fill(color3);

  ellipse(300,100,70);

  fill(color4);

  ellipse(100,200,70);

  fill(color5);

  ellipse(200,200,70);

  fill(color6);

  ellipse(300,200,70);

  fill(color7);

  ellipse(100,300,70);

  fill(color8);

  ellipse(200,300,70);

  fill(color9);

  ellipse(300,300,70);

}

​

​

//press to throw the dice again

function mousePressed() {

  number = int(random(1,7));

  color1 = 255;

  color2 = 255;

  color3 = 255;

  color4 = 255;

  color5 = 255;

  color6 = 255;

  color7 = 255;

  color8 = 255;

  color9 = 255;

​

  if(number >= 1){

    color1 = 255;

    color2 = 255;

    color3 = 255;

    color4 = 255;

    color5 = 0;

    color6 = 255;

    color7 = 255;

    color8 = 255;

    color9 = 255

  }

  if(number >= 2){

    color1 = 255;

    color2 = 255;

    color3 = 255;

    color4 = 0;

    color5 = 255;

    color6 = 0;

    color7 = 255;

    color8 = 255;

    color9 = 255

  }

  if(number >= 3){

    color1 = 255;

    color2 = 255;

    color3 = 0;

    color4 = 255;

    color5 = 0;

    color6 = 255;

    color7 = 0;

    color8 = 255;

    color9 = 255;

  }

  if(number >= 4){

    color1 = 0;

    color2 = 255;

    color3 = 0;

    color4 = 255;

    color5 = 255;

    color6 = 255;

    color7 = 0;

    color8 = 255;

    color9 = 0

  }

  if(number >= 5){

    color1 = 0;

    color2 = 255;

    color3 = 0;

    color4 = 255;

    color5 = 0;

    color6 = 255;

    color7 = 0;

    color8 = 255;

    color9 = 0

  }

  if(number >= 6){

    color1 = 0;

    color2 = 0;

    color3 = 0;

    color4 = 255;

    color5 = 255;

    color6 = 255;

    color7 = 0;

    color8 = 0;

    color9 = 0

  }

}