/bildbesucher

Ein Spiel, in welchem man als Besucher von einem Bild zum nächsten wandert

Primary LanguageJavaScript

BildBesucher

Online Version

Das Spiel kann auf quoteme.github.io/bildbesucher/ online gespielt werden.

Documentation

Die Dokumentation ist auf quoteme.github.io/bildbesucher/docs/

Bildschirmfotos

Ausblick auf das Haus Startpunkt Atomarer Untergang

Videos

demo.webm

Idee

In dem Spiel geht es darum, dass man eine Zeichnung erstellt, welche aus zwei (bzw drei) Teilen besteht.

  1. Die Hauptzeichnung (welche aus Vorder & Hintergrund besteht)
  2. Die Kollisionszeichnung

Vielleicht werden noch weitere Kategorien hinzusgefügt, doch hauptsächlich geht es darum, dass man in dem Spiel einen Charakter erstellt, mit dem man in der Lage ist von einer Zeichnung in die Nächste zu springen/klettern/laufen/... und dabei die gezeichneten Welten zu erkunden.

Ausführung

  • Clientside
  1. Der Client verbindet sich mittels eines Browsers mit dem Host des Spiels
  2. Die URL wird entschlüsselt
  • Welche Skizze wird geladen
  • Welche Attribute hat der Spieler
  • ...
  1. Das Level wird geladen
  • Lade die Skizze
  • Lade die Kollisionsdatei
  1. Der Spieler wird hinzugefügt
  2. Update das Spiel
  • Verändere die Geschwindigkeit des Spielers
  • mittels Tastatur
  • durch Gravitation
  • Prüfe nach Kollisionen
  • Spieler-Welt : Ermittle Winkel von Spielermitte zu Kollisionspunkt und reflektiere Geschwindigkeit
  • Spieler-Portal : wechsle URL/Level
  • Ändere Position des Spielers nach Geschwindigkeit
  • Serverside
  1. Erstelle Skizze (bunt/schwarz-weiß) und Kollisionsdatei (schwarz-weiß)
  2. Speichere Skizze und Kollisionsdatei als "NAME-v.png", "NAME-h.png" und "NAME-k.png" unter "/level"
  3. Erstelle einen Link für dieses Level