let index = 0;

​

function setup() {

  createCanvas(550, 400);

  frameRate(1.5);

  smooth();

}

​

function draw() {

  background(0);

  dot();

  sevenSegment(nums[index]);

  index = (index + 1) % nums.length;

  zero1();

  zero2();

}

​

function getColor(val, shift) {

  let r = 255;

  let g = 0;

  let b = 0;

  let a = 40 + 255 * ((val >> shift) & 1);

  return color(r, g, b, a);

}

​

function dot() {

  push();

  fill(255, 0, 0);

  noStroke();

  ellipse(200, 267, 20);

  pop();

}

​

function zero1() {

  push();

  noStroke();

  fill(255, 0, 0);

  rect(260, 20, 78, 18, 10, 10);

  rect(340, 40, 18, 98, 10, 10);

  rect(340, 160, 18, 98, 10, 10);

  rect(260, 260, 78, 18, 10, 10);

  rect(240, 160, 18, 98, 10, 10);

  rect(240, 40, 18, 98, 10, 10);

​

  pop();

​

}

​

function zero2() {

  push();

  noStroke();

  fill(255, 0, 0);

  rect(400, 20, 78, 18, 10, 10);

  rect(480, 40, 18, 98, 10, 10);

  rect(480, 160, 18, 98, 10, 10)

  rect(400, 260, 78, 18, 10, 10);

  rect(380, 160, 18, 98, 10, 10);

  rect(380, 40, 18, 98, 10, 10);

  pop();

}

​

function sevenSegment(val) {

  push();

  noStroke();

  noFill();

  // A

  fill(getColor(val, 6));

  rect(60, 20, 78, 18, 10, 10);

  // B

  fill(getColor(val, 5));

  rect(140, 40, 18, 98, 10, 10);

  // C

  fill(getColor(val, 4));

  rect(140, 160, 18, 98, 10, 10);

  // D

  fill(getColor(val, 3));

  rect(60, 260, 78, 18, 10, 10);

  // E

  fill(getColor(val, 2));

  rect(40, 160, 18, 98, 10, 10);

  // F

  fill(getColor(val, 1));

  rect(40, 40, 18, 98, 10, 10);

  // A

  fill(getColor(val, 0));

  rect(60, 140, 78, 18, 10, 10);

​

  pop();

}