Exercice de révision - Programmation objet :
- Programmez la classe 'Zombie' selon la méthode vue en classe.
- Créez deux instances de la classe Zombie. Chaque instance devra contrôler 1 zombie (ses déplacements).
- Puisque les zombies se déplaceront, ajoutez le code des animations que nous avons vu en classe (tick + window.requestAnimationFrame).
- Chaque zombie doit se déplacer sur l'axe des X aléatoirement. Il n'y a pas de collision entre les zombies (ils peuvent se chevaucher). Vous aurez à modifier le CSS afin de permettre le déplacement des zombies (et possiblement au zombie-container pour mieux les positionner).
- Les zombies doivent être sur le sol, donc leurs pieds doivent être près de la bordure blanche inférieure.
- Les zombie ne doivent pas sortir du carré blanc.
- Lorsque l'on clique dans le carré blanc, une paire de yeux (eyes.gif) apparait à l'endroit cliqué. Celle-ci disparait lentement et est éventuellement retirée de la liste des sprites. Pour la faire disparaitre, utilisez le style 'opacity'.
Notes : Vous pouvez modifier le HTML. Ajoutez votre code dans un fichier JavaScript à part. Programmez et testez un numéro à la fois. Vous pouvez ajouter et utiliser jQuery si cela vous aide.