Workshop Coding Challenge Reparieren Sie dieses Breakout-Spiel

Es kann schwierig sein, sich hinzusetzen und neue Codiertechniken zu üben. Es gibt also eine lustige Übung, um Sie zu ermutigen, mit Kollisionserkennung und -reaktion zu spielen, wie in Kah Shiu beschrieben.

Aktualisieren: Ich habe eine HTML5-Version hinzugefügt, um die vorhandene Flash-Version zu ergänzen - viel Spaß!!


Die Herausforderung

Dieses Breakout-Spiel ist kaputt!

Flash-Version:

Um die HTML5-Version (mit Canvas und JavaScript) abzuspielen, klicken Sie hier.

Sicher, einige der Grundlagen sind da; Das Paddel kann mit der linken und rechten Pfeiltaste gesteuert werden, der Ball bewegt sich und alle Objekte werden korrekt zur Bühne gezogen. Es gibt jedoch kaum Kollisionserkennung oder -reaktion: Das Paddel kann sich von den Seiten des Bildschirms entfernen, der Ball springt nicht ab und die Ziegelsteine ​​können genauso gut gar nicht da sein.

Der gesamte Code ist in dieser ZIP-Datei verfügbar. (Die Flash-Version liegt im FlashDevelop-Format vor. Die Verwendung in Flash Pro, FDT, Flash Builder oder der von Ihnen verwendeten IDE ist jedoch problemlos möglich.)

Wenn Sie sich damit vertraut gemacht haben, beheben Sie die Probleme mit dem Spiel, die Kah Shiu in seiner Kollisionserkennungs- und Reaktionssitzung gelehrt hat.

Sie können dies so einfach oder so kompliziert machen, wie Sie möchten, je nachdem, wie gut Sie sich mit den Konzepten auskennen. Beispielsweise können Sie dreieckige Steine ​​hinzufügen oder mehrere Bälle gleichzeitig springen lassen.

Natürlich sind Sie nicht auf meinen Code oder meine Grafiken beschränkt. Fühlen Sie sich frei, alles zu ändern, was Sie möchten!

Wenn Sie etwas Schönes finden, senden Sie es bitte mit diesem Formular oder mit einem Link in einem Kommentar weiter unten. Ich freue mich darauf zu sehen, was Sie dazu bringen.