Home

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

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

entity.mjs

Erlaubt es neue Entitäten zu erzeugen, welche bewegt werden und kollidieren können

Version:
  • 0.1
Author:
  • Luca Leon Happel
Source:

kamera.mjs

Definiere virtuelle Kameras, welche einen Teil eines Bildes zoomen können, sich glatt hin-und-her bewegen können und welche eine Entität verfolgen können

Version:
  • 0.1
Author:
  • Luca Leon Happel
Source:
See:

level.mjs

Speichert die Entitäten und den Hinter/Vordergrund der gemalt werden soll, sowie das Kollisionsbild

Version:
  • 0.1
Author:
  • Luca Leon Happel
Source:
See:

main.mjs

Startpunkt des Programms. Von hier aus wird alles initialisiert und der update-loop gestartet

Version:
  • 0.1
Author:
  • Luca Leon Happel
Source: