| ... | @@ -11,9 +11,9 @@ Die Komponenten erhalten durch zwei verschiedenen Properties (Props) Daten über |
... | @@ -11,9 +11,9 @@ Die Komponenten erhalten durch zwei verschiedenen Properties (Props) Daten über |
|
|
|
|
|
|
|
**Props (Inputs)**
|
|
**Props (Inputs)**
|
|
|
|
|
|
|
|
- `initialization` enthält den initialen Spielzustand und wird Beispielsweise von TicTacToe genutzt, um das initiale Gameboard-Array zu übertragen.
|
|
- `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.
|
|
|
|
|
|
|
|
- `move` 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.
|
|
- `move` 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 dem Frontend immer dann aktualisiert, wenn der Nutzer vor- oder zurückspult. Die Game UI Component muss also auslesen wie der flag-Parameter bei Veränderung von `move` gesetzt ist und dann entsprechend den Spielzug in der Visualisierung hinzufügen oder entfernen.
|
|
|
|
|
|
|
|
**Event (Output)**
|
|
**Event (Output)**
|
|
|
|
|
|
| ... | | ... | |
