Projekt Halloween


1. Projekt Setup
Welche Programme werden benötigt ?
– Visual Studion Code Download
– Node JS Download
– PhaserJS, phaser.min.js Download
– Tilemap Download

Nachdem die Programme installiert sind, erstellst du einen neuen Ordner auf dem Desktop und nennst ihn Halloween. Öffne VS Code und öffne diesen Ordner.
Starte in VS Code das Terminal und gebe ein.


npm init
package name : halloween
version : 1.0.0
description : Enter drücken
entrypoint : game.js
test command: Enter drücken
git repository : Enter drücken
keywords : Enter drücken
author : Dein Name eingeben
license : Enter drücken

Mit yes bestätigen


Deine Projekt Konfiguration ist jetzt erstellt.


Installiere jetzt express mit
npm install express --save

Installiere socket.io mit
npm install socket.io --save


Damit ist deine Installation abgeschlossen.

2. Express Server mit SocketIO erstellen

Erstelle in deinem Projekt Ordner Halloween einen neuen Ordner ‚public‘.
Im Ordner public erstellst du eine neue index.html Datei mit folgendem Inhalt.


index.html

Erstelle im Ordner public die Datei style.css mit diesem Inhalt.

style.css

Erstelle im Ordner public den Ordner js, kopiere das heruntergelade Framework phaser.min.js rein und erstelle eine neue Datei mit game.js. Füge in game.js folgenden Inhalt ein

game.js

Erstelle im Halloween Ordner eine neue Datei server.js mit folgendem Inhalt

server.js


Nun kannst du im VS Code Terminal den Befehl node server.js eingeben und damit den Express Server starten.
Gib im Browser nun http://localhost:8081 ein um die Seite aufzurufen.