|
|
![Wishduell_Frontend](uploads/eeb345a301f962d78012efe1a0b4fc00/Wishduell_Frontend.png) |
|
|
\ No newline at end of file |
|
|
Das Frontend besteht aus UI und Spiellogik, wobei die Spiellogik mit Vanilla JavaScript und die UI mit dem Meta-Framework SvelteKit, was auf Svelte aufbaut, erstellt wurde.
|
|
|
|
|
|
# Technologien
|
|
|
## SvelteKit
|
|
|
> UI-Framework, das außerdem auch Routing und Data-Loading unterstützt.
|
|
|
|
|
|
## Socket.io
|
|
|
> Framework zur Implementation von WebSockets.
|
|
|
Wurde benötigt um Duplex-Kommunikation zwischen Clients und Server im Multiplayer umzusetzen.
|
|
|
Alle Spieler im selben Spiel werden mit
|
|
|
```javascript
|
|
|
socket.join("game:" + GAMEID);
|
|
|
```
|
|
|
dem gleichen Socket.io Room zugewiesen was es später ermöglicht mit
|
|
|
```javascript
|
|
|
socket.to('game:' + GAMEID).emit('EVENT', DATA);
|
|
|
```
|
|
|
**EVENT** ist hierbei der Name des Events und im 2. Funktionsparameter können nun Daten übertragen werden auf die auf der anderen Seite mit
|
|
|
```javascript
|
|
|
socket.on('EVENT', (DATA) => {
|
|
|
console.log(DATA);
|
|
|
});
|
|
|
```
|
|
|
zugegriffen werden kann. |
|
|
\ No newline at end of file |