A Certain Band Score - OpenProcessing

mySketch.js
xxxxxxxxxx
 
let font;
​
const vocal = [
  "We'll hold hands and walk along.",
  "Singing our favorite songs.",
  "We'll be happy all day long.",
  "Our love will always be strong."
]
​
const guitar = [{
    name: "E",
    notes: ["3-3-2-2-", "0-0-2-2-", "3-3-2-2-", "0-0-2-2-"],
  },
  {
    name: "B",
    notes: ["0-0-3-3-", "1-1-3-3-", "0-0-3-3-", "1-1-3-3-"],
  },
  {
    name: "G",
    notes: ["0-0-4-4-", "0-0-2-2-", "0-0-4-4-", "0-0-2-2-"],
  },
  {
    name: "D",
    notes: ["0-0-4-4-", "2-2-0-0-", "0-0-4-4-", "2-2-0-0-"],
  },
  {
    name: "A",
    notes: ["2-2-2-2-", "3-3-----", "2-2-2-2-", "3-3-----"],
  },
  {
    name: "E",
    notes: ["3-3-2-2-", "--------", "3-3-2-2-", "--------"],
  }
]
​
const bass = [{
    name: "G",
    notes: ["--------", "--------", "--------", "--------"],
  },
  {
    name: "D",
    notes: ["--------", "--------", "--------", "--------"],
  },
  {
    name: "A",
    notes: ["----2223", "-3335535", "----2223", "-3335535"],
  },
  {
    name: "E",
    notes: ["3-33----", "--------", "3-33----", "--------"],
  }
]
const drum = [{
    name: "C",
    notes: ["x------x", "--------", "x------x", "--------"],
  },
  {
    name: "H",
    notes: ["--xxxxx-", "-xxxxxxx", "--xxxxx-", "-xxxxxxx"],
  },
  {
    name: "S",
    notes: ["--oo--o-", "--oo--o-", "--oo--o-", "--oo--o-"],
  },
  {
    name: "B",
    notes: ["o---oo-o", "-o--oo-o", "o---oo-o", "-o--oo-o"],
  }
]
​
function preload() {
  font = loadFont('ShareTechMono-Regular.ttf');
}
​
function setup() {
  createCanvas(2400, 2400);
  background(250);
  textSize(64);
  textFont(font);
​
  const guitarRows = [
    guitar[0].name + '|' + guitar[0].notes[0] + '|' + guitar[0].notes[1] + '|' + guitar[0].notes[2] + '|' + guitar[0].notes[3] + '|',
    guitar[1].name + '|' + guitar[1].notes[0] + '|' + guitar[1].notes[1] + '|' + guitar[1].notes[2] + '|' + guitar[1].notes[3] + '|',
    guitar[2].name + '|' + guitar[2].notes[0] + '|' + guitar[2].notes[1] + '|' + guitar[2].notes[2] + '|' + guitar[2].notes[3] + '|',
    guitar[3].name + '|' + guitar[3].notes[0] + '|' + guitar[3].notes[1] + '|' + guitar[3].notes[2] + '|' + guitar[3].notes[3] + '|',
    guitar[4].name + '|' + guitar[4].notes[0] + '|' + guitar[4].notes[1] + '|' + guitar[4].notes[2] + '|' + guitar[4].notes[3] + '|',
    guitar[5].name + '|' + guitar[5].notes[0] + '|' + guitar[5].notes[1] + '|' + guitar[5].notes[2] + '|' + guitar[5].notes[3] + '|'
  ]
  const bassRows = [
    bass[0].name + '|' + bass[0].notes[0] + '|' + bass[0].notes[1] + '|' + bass[0].notes[2] + '|' + bass[0].notes[3] + '|',
    bass[1].name + '|' + bass[1].notes[0] + '|' + bass[1].notes[1] + '|' + bass[1].notes[2] + '|' + bass[1].notes[3] + '|',
    bass[2].name + '|' + bass[2].notes[0] + '|' + bass[2].notes[1] + '|' + bass[2].notes[2] + '|' + bass[2].notes[3] + '|',
    bass[3].name + '|' + bass[3].notes[0] + '|' + bass[3].notes[1] + '|' + bass[3].notes[2] + '|' + bass[3].notes[3] + '|'
  ]
  const drumRows = [
    drum[0].name + '|' + drum[0].notes[0] + '|' + drum[0].notes[1] + '|' + drum[0].notes[2] + '|' + drum[0].notes[3] + '|',
    drum[1].name + '|' + drum[1].notes[0] + '|' + drum[1].notes[1] + '|' + drum[1].notes[2] + '|' + drum[1].notes[3] + '|',
    drum[2].name + '|' + drum[2].notes[0] + '|' + drum[2].notes[1] + '|' + drum[2].notes[2] + '|' + drum[2].notes[3] + '|',
    drum[3].name + '|' + drum[3].notes[0] + '|' + drum[3].notes[1] + '|' + drum[3].notes[2] + '|' + drum[3].notes[3] + '|'
  ]
​
  textAlign(CENTER, CENTER);
  text(
    vocal[0] + "\n" + vocal[1] + "\n" + vocal[2] + "\n" + vocal[3] + "\n\n" +
    guitarRows[0] + "\n" + guitarRows[1] + "\n" + guitarRows[2] + "\n" + guitarRows[3] + "\n" + guitarRows[4] + "\n" + guitarRows[5] + "\n\n" +
    bassRows[0] + "\n" + bassRows[1] + "\n" + bassRows[2] + "\n" + bassRows[3] + "\n\n" +
    drumRows[0] + "\n" + drumRows[1] + "\n" + drumRows[2] + "\n" + drumRows[3] + "\n\n",
    width / 2, height / 2
  )
}