Portada.js

var sketch = null;
var cerrada = true;
var tiempoCierre = -1;

function mostrarPortada(p) {
  sketch = p;
  sketch.createDiv("SINCENTRO").position(10, 10);
  sketch.createDiv("Utilize el puntero para dibujar").position(10, 40);
  sketch.createDiv("Para activar/desactivar animación de las líneas, use barra espaciadora").position(10, 70);
  sketch.createDiv("Para ver su código, presione " + formatearListaDeTeclas(teclasMostrarID)).position(10, 100);
  sketch.createDiv("Para ingresar el código de otra persona y dibujar colaborativamente, presione " + formatearListaDeTeclas(teclasPedirID)).position(10, 130);

  sketch.createDiv("Con las teclas " + formatearListaDeTeclas(teclasSeleccionUnaCapa) + " puede elegir la capa de dibujo").position(10, 160);
  sketch.createDiv("Con las teclas " + formatearListaDeTeclas(obtenerListaTeclasPinceles()) + " puede elegir el pincel").position(10, 190);
  sketch.createDiv("Con las teclas " + formatearListaDeTeclas(obtenerListaTeclasTintasPincel()) + " puede elegir el color del pincel").position(10, 220);
  sketch.createDiv("Con las teclas " + formatearListaDeTeclas(obtenerListaTeclasTintasFondo()) + " puede elegir el color del fondo").position(10, 250);
  sketch.createDiv("Para mas información, visite <a href=\"https://github.com/codeanticode/sincentro\" target=\"_blank\">el repositorio con el código fuente</a>.").position(10, 280);

  sketch.createButton('COMENZAR').position(10, 310).size(100, 30).mousePressed(cerrarPortada);

  cerrada = false;
}

function cerrarPortada() {
  sketch.removeElements();
  tiempoCierre = sketch.millis();
}

function mostrandoPortada(p) {
  if (cerrada) return false;
  if (0 <= tiempoCierre && 250 < sketch.millis() - tiempoCierre) {
    cerrada = true;
  }
  return true;
}

function formatearListaDeTeclas(lista) {
  if (2 < lista.length) {
    let parte1 = lista.slice(0, lista.length - 2);
    return parte1.toString() + "," + lista[lista.length - 2] + " ó " + lista[lista.length - 1];
  } else if (1 < lista.length) {
    return lista[0] + " ó " + lista[1];
  } else {
    return lista.toString();
  }
}