Pong

Pong va ser el primer videojoc que va entrar a casa, entre finals dels anys setanta i inicis dels vuitanta. Crec que encara el conservo, guardat en una capsa en algun racó. Es connectava directament al televisor —no sabria dir amb quin tipus de connector— i dubto que avui pogués dialogar amb una pantalla 4K.

Però ja no importa: han passat més de quaranta anys i ara habita en un altre lloc, integrat al meu lloc web, suspès en el temps com una peça de museu, reprogramat a mida per a mi per la intel·ligència artificial.

Prem Play per començar. Joc nou reinicia el marcador.
Controls: W/S (esquerra), ArrowUp/ArrowDown (dreta), Touch (toca on vols col·locar cada paleta), Espai (pausa), F (pantalla completa), Esc (sortir de pantalla completa), botó ⛶ (pantalla completa tactil).
En mobil: toca a la meitat esquerra/dreta per col·locar cada paleta i usa ⛶ per pantalla completa.

Incrustació estàndard (qualsevol 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: "Joc nou"
  });
  game.setSpeed(1.2); // opcional
</script>

Incrustació en pantalla completa (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: "Joc nou"
    });
  }

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