Mission 5: Programmiere ein Spiel

In dieser Mission wirst du HTML, CSS und JavaScript nutzen, um ein Spiel zu programmieren. Dieses Spiel testet die Reaktionszeiten des Security-Teams beim Juwelier Volkov. Du verwendest den JavaScript-Timer und eine Spielschleife (Game Loop) für das Spiel-Programm.

Jede Sekunde erscheinen die Bilder von sechs Personen auf dem Bildschirm: Davon sind fünf Personen harmlose Gäste und eine Person der Dieb. Wenn du auf den Dieb klickst, erhältst du einen Punkt. Wenn du auf einen Gast klickst, werden zwei Punkte abgezogen. Es gibt sechs Durchläufe und jedes Mal erscheint der Dieb an einer anderen Stelle. Das Ziel ist, alle sechs Diebe zu erwischen und sechs Punkte zu erreichen.

CODE SKILLS

Die setTimeout-Funktion

Schreibe ein JavaScript-Programm, das hochzählt und jede Sekunde die neue Zahl ausgibt.

Hole dir den Code

CODE SKILLS

Die CSS-Eigenschaft display

Sorge dafür, dass ein HTML-Element auf dem Bildschirm erscheint und wieder verschwindet.

Hole dir den Code

CODE SKILLS

Die erste Hälfte des Spiels

Hole dir den Quellcode für die erste Grundversion des Spiels.

Hole dir den Code

Deine Aufgabe: Ein fertiges Spiel

Hole dir den Quellcode für das fertige Spiel. Dein Spiel testet die Reaktionszeiten der Security-Leute im Juweliergeschäft Volkov. Du verwendest HTML, CSS und JavaScript, um dieses Spiel zu programmieren.

Hole dir den Code