Snake in Multiplayer (im Browser)

Startseite mit Namensfeld

Zum Server verbinden:

init("Spielername");

Raumübersicht, Neuer Raum oder Raum beitreten

connect-Event:

event.detail = {
  rooms: [string],
};

In Raum beitreten/Raum erstellen:

login("Raum-ID");

Spielansicht

update-Event:

event.detail = {
  players: [
    {
      color: string,
      direction: Direction,
      id: number,
      name: string,
      score: number,
      tail: [
        {
          x: number,
          y: number,
        },
      ],
      x: number,
      y: number,
    },
  ],
  room: {
    apple: {
      x: number,
      y: number,
    },
  },
};

Nutzereingaben (Pfeiltasten)

setDirection(Direction.UP);

Spieler darstellen

Apfel darstellen

Extras:

Highscore-Ansicht

Spielernamen anzeigen

Eingaben begrenzen (nur nach links/rechts wechseln)