- Bekijk de UML
- Vul het project aan op punten die niet gelijk zijn aan de UML
- De auto komt aanrijden van links over het plateau. De snelheid is random.
- Zodra je op een toets drukt begint de auto met afremmen.
- Als de auto het rotsblok raakt, stort het rotsblok omlaag. Je score is 0.
- Als je voor het rotsblok tot stilstand komt dan is je score hoger naar mate je dichter bij het blok tot stilstand bent gekomen.
- De html heeft een
<container>
element waarin alle game elementen geplaatst worden. - Met CSS plaats je de container in het midden van het scherm.
- Maak eerst de gameobject class.
- De game loop roept de move functie van de auto en de rots aan.
- Als je aan car een verwijzing naar game meegeeft, dan kan car ook functies van game aanroepen, zoals game over.
- De speed van de auto bepaalt hoe veel de auto verplaatst per loop.
- De rots heeft een snelheid van 0, maar die wordt verhoogd als de auto de rots raakt.
- De rots staat op x 335, dus als de x van de auto (plus de breedte) 335 is, dan raakt de auto de rots.
- Als de car zijn eigen speed vermenigvuldigt met 0.9 bereik je een "afremmend" effect:
this.speed *= 0.9
. - De auto heeft twee Wheels. Als je de
<wheel>
elementen in het<car>
element plaatst, in plaats van in<container>
, dan bewegen ze vanzelf mee met de car.
<body>
<container>
<car>
<wheel></wheel>
<wheel></wheel>
</car>
</container>
</body>