Über das Projekt
Webseite
Die Webseite wurde mithilfe von WordPress umgesetzt. Die Hauptaufgabe bestand hier ein eigenes Theme für die Webseite zu erstellen. Die Webseite wird mit einem vom Kursbetreiber bereitgestellten Webserver gehostet. Neben HTML wurden auch CSS für das Styling, sowie JS und PHP für die Webseite verwendet.
Header
Das Design der Webseite soll sich an das Aussehen einer Arcade Maschine anlehnen. Der Header ist der Kopf der Maschine, wo das Logo und der Menübutton platziert wurden.
Inhalt
Der Inhaltbereich spiegelt den Bildschrim der Maschine da. Der Inhalt kann unterschiedlich sein. Die Hauptseite hostet ein Videospiel, dann gibt es eine dazugehörige Asset Galerie, ein Scoreboard zum nachverfolgen der Highscores die Im Spiel erreicht wurden aber auch einfach Seite wo nur Text gezeigt wird, wie diese hier.
Footer
Der Footer stellt den Konsolenbereich der Arcade Maschine da. Hier sind die Verlinkungen zum Impressum und Datenschutzerklärung, sowie die Social Media Links im Stile von Buttons mit denen man eigentlich eine Arcade Maschine im echten Leben steuert.
Videospiel
Die andere Hauptaufgabe dieses Projekts war das Erstellen eines Web-Game.
Es gibt viele Möglichkeiten ein Videospiel auf einer Webseite anzuzeigen. Die Lösung die hier verwendet wurde ist ein Spiel in JavaScript zuschreiben, welches gleichzeitig mit der Phaser 3 JS Bibliothek ausgeführt wird.
Phaser
Phaser ist ein JS Framework, dass als JS Bibliothek in eine HTML Datei eingebunden werden kann. Sie ist dazu da, den eigentlichen Game Code der in JS geschrieben wird, einfach und strukturiert aufzubauen.
Den Download der Phaser JS Bibliothek sowie weitere Infos zu Phaser findet man hier.
Der Game Code
Der Game Code stammt ursprünglich von einem Youtube Tutorial von dem Kanal „Simple Coding Tutorials“, das beschreibt, wie man ein „Flappy Bird“ ähnliches Spiel in JS und Phaser programmiert. Der Code wurde aber für das Projekt noch modifiziert.
Den Link zum Tutorial findet man hier.
Die Game Assets
Die Assets wurden alle in GIMP kreiert. Die sind im Stile der 8 bzw. 16 Bit Optik der 80s und der 90s Videospiele. Die Game Assets können auch außerhalb des Videospiels in der Asset Galerie bertrachtet werden.