Das Alphabetspiel
Dieses Spiel ist eine Version des berühmten spanischen Spiels "Pasapalabra", bei dem der Kandidat für jeden Buchstaben des Alphabets in einer bestimmten Zeit eine Frage richtig beantworten muss.
Merkmale
- Das Spiel kann durch die Wahl eines männlichen oder weiblichen Avatars personalisiert werden.
- Das Spiel wird gegen die Zeit gespielt, man hat nur 150 Sekunden.
- Es wird eine Frage pro Buchstabe angezeigt, die so schnell wie möglich beantwortet werden muss.
- Wenn die Antwort richtig ist, hört der Buchstabe auf zu blinken, wird grün und es ertönt ein Erfolgston, andernfalls wird er rot und es ertönt ein Misserfolgston.
- Es ist möglich, zu einer anderen Frage überzugehen und später zurückzukommen, um sie zu beantworten.
- Das Spiel kann jederzeit abgebrochen werden.
- Sobald das Spiel beendet ist, wird der Punktestand angezeigt, und man kann wählen, ob man noch einmal spielen oder die Rangliste überprüfen möchte.
- Die Rangliste zeigt die letzten 10 besten Ergebnisse.
Was ich lernte
- SASS zu verwenden und es in CSS zu konvertieren.
- Mixins mit SCSS zu erstellen und zu verwenden, um Funktionen zu nutzen.
- Eine fließende und responsive Schrift zu implementieren.
- DOM-Ereignisse mit jQuery zu synchronisieren.
- Elemente durch die Kombination absoluter und relativer Positionen auszurichten.
- Den Code nach dem MVC-Konzept (Model View Controller) zu organisieren und zu trennen.
Technologien
- Front-End: JavaScript (ES6) mit jQuery, HTML, CSS-SASS
- Back-End: -