A: 0,

  B: 0,

  C: 0,

  D: 0,

  E: 0,

  F: 0,

  G: 0,

  H: 0,

  I: 0,

  J: 0,

  K: 0,

  L: 0,

  M: 0,

  N: 0,

  O: 0,

  P: 0,

  Q: 0,

  R: 0,

  S: 0,

  T: 0,

  U: 0,

  V: 0,

  W: 0,

  X: 0,

  Y: 0,

  Z: 0,

}

​

const w = 8;

const h = 7;

​

function setup() {

  createCanvas(400, 400);

  textAlign(CENTER, CENTER);

  textSize(20);

  noLoop();

}

​

function draw() {

  background(220);

  let i = 0;

  for(let letter in alphabet) {

    const x = i % w + 0.5; 

    const y = int(i / w) + 0.5;

    push();

    translate(x * width/w, y * height/h);

    text(letter, 0, 0);

    translate(width/w, 0);

    rotate(PI/2 * alphabet[letter]);

    text(letter, 0, 0);

    pop();

    i += 2;

  }

}

​

function keyReleased() {

  const letter = key.toUpperCase();

  if(letter in alphabet) {

    alphabet[letter] = (alphabet[letter] + 1) % 4;

  } else if(letter === " ") {

    save("alphabet.png");

  }

  draw();

}