Beleg-Design-Dokument.md

Jump-and-Run-Game

Was die Anwendung webbasiert können muss

• Highscore-Liste

• Login

• Create Account

Links zum informieren

SameSite Cookies - Strict, oder soll es doch lieber Lax sein?

---

Jump-and-Run (Fantasy)

Allgemein:

• Sprache im Spiel soll Englisch sein

• Programmierung soll auf Englisch sein

• Kommentare, wenn möglich auf Englisch

Aufbau

• Startseite mit Buttons: "PLAY", "HIGHSCORE", "LOGIN", "CREATE ACCOUNT",

• nach Anklicken auf Button "PLAY", kann Spieler spielen

• erstmal Singleplayer

• später Multiplayer, je nach Zeit

Leon

• macht Design

1. Aufgaben

• Startseite-Stickman-Design

• Hintergrund-Funktionalität

• nach Beispielen suchen

Kevin

• Ich mache Funktionalität

1. Aufgaben

• Logging-System

  • Speichern der Benutzerdaten in Datenbank / Textdatei / in JSON-Datei?

• Cookies

• Web-Eng-VL weiterarbeiten

• nach Beispielen suchen

Zusatzaufgaben

• GIT-Versionsverwaltung

• Live-Codebearbeitung

• Frameworks: Bootstrap, ..., Angular?, ReactJS


Game Design

Hintergrund

• Wald = Bäume, Sträucher, paar Steine

• Himmel = Wolken, Sonne

Funktionalität

• Autoscrolling

• Spielfigur befindet sich immer Mittig auf dem Spielfeld (weiter links)

  • Idee: im Spielverlauf kommt Figur von weiter links in Mitte

Gegner

Möglichkeit 1	Möglichkeit 2	Möglichkeit 3	Möglichkeit 4
Slime	Spikes	Stickmans	Wolves

Interaktive Elemente

1. Abgründe-Pits

2. Gegner, über die man springen

Startseite

• Play-Button

• Login

---

Login

---

Aktueller Stand: 06.01.-"Enchanted Grove. Grove of Creatures"

• Hintergrundbild + anderes Bild von Leon (alles Open-Source) in ein Bild zusammen

• Spieler läuft auf dem Forest-of-Illusion

• Hintergrundbild-"normale Forest", der ist oben und unten zu sehen, in der Mit der Forest of Illusion, wo der Spieler drin läuft (ansonsten wäre oben, unten Schhwarz)

• bei Settings, Leaderboard wird Pop-up-Fenster geöffnet, befinden sich in der Mitte unter "Enchanted Grove: Quest of Creatures"

Login-Kevin

• Seite soll erkennen, dass ich eingeloggt bin, kommt ein Icon, wie bei YT,

  • soll bei Startseite, bei StartGame, Settings, Leaderboard

• selber Hintergrund, wie bei Spielwebsite (bei Startwebsite ist ein Hintergrund)

• Seite soll mitskalieren, je nach Größe des Browserfensters

• weißer Hintergrund beim Scrollen

Figurbewegung-Kevin

Task 1:

Das 1. interaktive Element ist die Spielfigur.

Task 2:

Wenn das funktioniert, dann Gegner erstellen!

Leons Aufgabe

• Musik ins Spiel einbinden (Startseite, Login, Highscore, Settings, Game-andere Musik)

---

Bootstrap-Links

Bootstrap Login Form - free examples, templates & tutorial

[Introduction · Bootstrap](Introduction · Bootstrap)

Musik-Links:

https://opengameart.org/

https://freesound.org/

gute Musik:

Nature theme sketch | OpenGameArt.org

Nature-Musik:

Free Nature Sound Effects Download - Pixabay

Für weitere Impressionen und Ideen (Jump-and-Run-Games:

https://www.supertux.org/

GitHub - michelpereira/awesome-open-source-games: Collection of Games that have the source code available on GitHub