Workshop Coding Challenge Løs dette Breakout Game

Det kan være vanskelig å sette seg ned og trene nye kodingsteknikker, så her er en morsom øvelse for å oppmuntre deg til å spille med kollisjonssensjon og reaksjon, som dekket av Kah Shiu.

Oppdater: Jeg har lagt til en HTML5-versjon for å gå sammen med den eksisterende Flash-versjonen - nyt!


Utfordringen

Dette breakout spillet er ødelagt!

Flash-versjon:

For å spille HTML5-versjonen (bruk lerret og JavaScript), klikk her.

Jo, noen av det grunnleggende er der; padlen kan styres av venstre og høyre piltast, ballen beveger seg, og alle objekter trekkes til scenen på riktig måte. Men det er knapt noen kollisjonsdeteksjon eller reaksjon: Padlen kan bevege seg utenfor sidene på skjermen, ballen tipper ikke av det, og teglene kan heller ikke være der i det hele tatt.

Alle koden er tilgjengelig i denne ZIP-filen. (Flash-versjonen er i FlashDevelop-format, men det vil være enkelt å bruke det i Flash Pro, FDT, Flash Builder, eller hva ditt valg av IDE er.)

Når du har kjent deg med det, bruk hva Kah Shiu har lært i sin Kollisionsdeteksjon og Reaksjonssesjon for å fikse problemene med spillet.

Du kan gjøre dette så enkelt eller så komplisert som du vil, avhengig av hvor komfortabel du er med konseptene. For eksempel kan du legge til trekantede murstein, eller få flere baller å hoppe rundt på en gang.

Selvfølgelig er du ikke begrenset til min kode eller grafikk; gjerne endre noe du liker!

Hvis du kommer opp med noe pent, vennligst send det ved å bruke dette skjemaet eller lenke til det i en kommentar nedenfor. Jeg gleder meg til å sjekke ut hva du kommer med.