Pong

Pong fu il primo videogioco a entrare in casa nostra, tra la fine degli anni Settanta e l’inizio degli Ottanta. Credo di conservarlo ancora, chiuso in uno scatolone da qualche parte. Si collegava direttamente al televisore — non saprei dire con quale connettore — e dubito che oggi potrebbe dialogare con uno schermo 4K.

Ma non ha più importanza: sono trascorsi oltre quarant’anni e ora vive altrove, incorporato nel mio sito, sospeso nel tempo come un reperto in museo, riprogrammato su misura per me dall’intelligenza artificiale.

Premi Play per iniziare. Nuova partita azzera il punteggio.
Controlli: W/S (sinistra), ArrowUp/ArrowDown (destra), Touch (tocca dove vuoi posizionare ogni paletta), Spazio (pausa), F (fullscreen), Esc (uscire dal fullscreen), pulsante ⛶ (fullscreen touch).
Su mobile: tocca nella meta sinistra/destra per posizionare ogni paletta e usa ⛶ per il fullscreen.

Embed standard (qualsiasi sito web)

<div id="pong-host"></div>
<script src="https://marconoris.com/assets/js/pong-embed.js"></script>
<script>
  const game = LibellusPong.createPong("#pong-host", {
    width: 640,
    height: 360,
    newGameLabel: "Nuova partita"
  });
  game.setSpeed(1.2); // opzionale
</script>

Embed fullscreen (100% viewport)

<div id="pong-host" style="position:fixed; inset:0;"></div>
<script src="https://marconoris.com/assets/js/pong-embed.js"></script>
<script>
  document.documentElement.style.overflow = "hidden";
  document.body.style.margin = "0";
  document.body.style.overflow = "hidden";

  let game;
  function mount() {
    if (game) game.destroy();
    game = LibellusPong.createPong("#pong-host", {
      width: window.innerWidth,
      height: window.innerHeight,
      newGameLabel: "Nuova partita"
    });
  }

  mount();
  window.addEventListener("resize", mount);
</script>