... | @@ -14,10 +14,10 @@ Das FH-Münster GitLab stellt Beispielimplementierungen in [Svelte (kompiliert a |
... | @@ -14,10 +14,10 @@ Das FH-Münster GitLab stellt Beispielimplementierungen in [Svelte (kompiliert a |
|
|
|
|
|
Im folgenden wird die Schnittstelle der Komponenten beschrieben:
|
|
Im folgenden wird die Schnittstelle der Komponenten beschrieben:
|
|
|
|
|
|
Die Komponenten erhalten durch zwei verschiedenen Properties (Props) Daten über das Match und dem aktuellen Spielzustand zu geben, während ein Event dazu genutzt wird um Daten zurück an das Frontend zu versenden.
|
|
Die Komponenten erhalten durch zwei verschiedenen Properties Daten über das Match und dem aktuellen Spielzustand zu geben, während ein Event dazu genutzt wird um Daten zurück an das Frontend zu versenden.
|
|
|
|
|
|
|
|
|
|
**Props (Inputs)**
|
|
**Properties (Inputs)**
|
|
|
|
|
|
- `initialization` enthält den initialen Spielzustand und wird Beispielsweise von TicTacToe genutzt, um das initiale Gameboard-Array zu übertragen. Die Game UI Component sollte diesen abspeichern und das Spielfeld im DOM aufbauen und entsprechend visualisieren.
|
|
- `initialization` enthält den initialen Spielzustand und wird Beispielsweise von TicTacToe genutzt, um das initiale Gameboard-Array zu übertragen. Die Game UI Component sollte diesen abspeichern und das Spielfeld im DOM aufbauen und entsprechend visualisieren.
|
|
|
|
|
... | @@ -27,4 +27,12 @@ Die Komponenten erhalten durch zwei verschiedenen Properties (Props) Daten über |
... | @@ -27,4 +27,12 @@ Die Komponenten erhalten durch zwei verschiedenen Properties (Props) Daten über |
|
|
|
|
|
- Ein CustomEvent mit dem TypeArg `drawn` wird gefeuert, wenn ein Zug auf dem Spielfeld gezeichnet wurde. Das kann genutzt werden um Informationen zu einem Spielzug in der History neben der Spielkomponente anzuzeigen.
|
|
- Ein CustomEvent mit dem TypeArg `drawn` wird gefeuert, wenn ein Zug auf dem Spielfeld gezeichnet wurde. Das kann genutzt werden um Informationen zu einem Spielzug in der History neben der Spielkomponente anzuzeigen.
|
|
|
|
|
|
|
|
**Übersicht**
|
|
|
|
|
|
|
|
| Name | Typ | Funktion |
|
|
|
|
|------|-----|----------|
|
|
|
|
| `initialization` | Property (Input) | Enthält den initialen Spielzustand |
|
|
|
|
| `move` | Property (Input) | Enthält ein Spielzug verpackt in einem Objekt mit dem flag-Parameter, die angibt, ob der Zug hinzugefügt (bzw. gezeichnet) oder rückgängig gemacht (bzw. radiert) werden soll. Dieses wird von der Elternkomponente immer aktualisiert, wenn der Nutzer vor- oder zurückspult. |
|
|
|
|
| `drawn` | Custom Event (Output) | "drawn" Event wird gefeuert, wenn ein Zug gezeichnet wurde. Das kann genutzt werden um Informationen zu einem Spielzug in der History rechts neben der Spielkomponente anzuzeigen. |
|
|
|
|
|
|
# Bereitstellen |
|
# Bereitstellen |
|
|
|
\ No newline at end of file |