dice - OpenProcessing

mySketch
xxxxxxxxxx
 
let diceValue;
let dotColor;
​
function setup() {
  createCanvas(400, 400);
  rollDice();  // Generate random dice value and colors
}
​
function draw() {
  background(220);
  translate(width / 2, height / 2);  // Center the dice
  drawDice();
  drawFace(diceValue);  // Add face
}
​
function rollDice() {
  diceValue = int(random(1, 7));  // Random number between 1-6
  dotColor = color(random(255), random(255), random(255));  // Random color
}
​
function drawDice() {
  fill(255);
  stroke(0);
  strokeWeight(4);
  rectMode(CENTER);
  rect(0, 0, 150, 150, 20);  // Dice with rounded corners
​
  fill(dotColor);
  drawDots(diceValue);  // Draw dots based on dice value
}
​
function drawDots(value) {
  let dotSize = 20;
  let offset = 40;
​
  if (value === 1) {
    ellipse(0, 0, dotSize, dotSize);
  } else if (value === 2) {
    ellipse(-offset, -offset, dotSize, dotSize);
    ellipse(offset, offset, dotSize, dotSize);
  } else if (value === 3) {
    ellipse(-offset, -offset, dotSize, dotSize);
    ellipse(0, 0, dotSize, dotSize);
    ellipse(offset, offset, dotSize, dotSize);
  } else if (value === 4) {
    ellipse(-offset, -offset, dotSize, dotSize);
    ellipse(offset, -offset, dotSize, dotSize);
    ellipse(-offset, offset, dotSize, dotSize);
    ellipse(offset, offset, dotSize, dotSize);
  } else if (value === 5) {
    ellipse(-offset, -offset, dotSize, dotSize);
    ellipse(offset, -offset, dotSize, dotSize);
    ellipse(0, 0, dotSize, dotSize);
    ellipse(-offset, offset, dotSize, dotSize);
    ellipse(offset, offset, dotSize, dotSize);
  } else if (value === 6) {
    ellipse(-offset, -offset, dotSize, dotSize);
    ellipse(offset, -offset, dotSize, dotSize);
    ellipse(-offset, 0, dotSize, dotSize);
    ellipse(offset, 0, dotSize, dotSize);
    ellipse(-offset, offset, dotSize, dotSize);
    ellipse(offset, offset, dotSize, dotSize);
  }
}
​
function drawFace(value) {
  let eyeSize = 15;
  let mouthY = 30;
​
  fill(0);  
  ellipse(-30, -20, eyeSize, eyeSize);  // Left eye
  ellipse(30, -20, eyeSize, eyeSize);   // Right eye
​
  strokeWeight(3);
  noFill();
​
  if (value === 1 || value === 2) {
    arc(0, mouthY, 40, 20, 0, PI);  // Sad face 😢
  } else if (value === 3 || value === 4) {
    line(-15, mouthY, 15, mouthY);  // Neutral face 😐
  } else if (value === 5 || value === 6) {
    arc(0, mouthY, 40, 20, PI, 0);  // Happy face 😃
  }
}
​