1 / 12

Programmation du jeu BOMBER en JavaScript

420-B63 Programmation Web Avancée Auteur : Frédéric Thériault. Programmation du jeu BOMBER en JavaScript. But du jeu…. Attraper le plus de bombes possible en utilisant le chapeau inversé de Roger. Rabbit. Fonctionnement du jeu.

sage
Download Presentation

Programmation du jeu BOMBER en JavaScript

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 420-B63 Programmation Web Avancée Auteur : Frédéric Thériault Programmationdujeu BOMBER en JavaScript

  2. But du jeu… • Attraper le plus de bombes possible en utilisant le chapeau inversé de Roger. Rabbit

  3. Fonctionnement du jeu • Lorsque la page Web est chargée, le jeu invite l’utilisateur à jouer. Pour commencer la partie, celui-ci doit appuyer sur la touche « espace ».

  4. Fonctionnement du jeu (suite) • Le déplacement de Roger se fait en appuyant sur les touches ‘a’ ou ‘d’ du clavier • Pour se faire, utiliseronkeypressRoger doit se déplacer de 8 pixel par appel de onkeypress • Plus le temps avance, plus il y a de bombes qui tombent en un court lapse de temps • La première bombe apparaît après 2 sec. La suivante apparaît à 2.995 sec (-5 msec). Ainsi de suite jusqu’à 1.5 sec. Minimum entre les bombes.

  5. Roger on Turbo ! • En appuyant sur « espace », Roger avance plus vite pour 5 secondes. Après ces 5 secondes, il tombe plus 50% plus lent pour 3 secondes. Les 3 états de Roger sont donc : • Turbo ready ! • On turbo ! • Exhausted • Lorsque Roger est en turbo, la chaîne de caractères « !!! Turbo !!! » apparaît pour 1 seconde. • Lorsque Roger est en turbo, l’image de fond est modifiée (voir powerpoint suivant)

  6. Fonctionnement du jeu (suite)

  7. Fonctionnement du jeu (suite) • Lorsque la bombe touche au sol, l’image montrant une explosion est affiché pour 1-3 dixième de seconde. • La vie de Roger descend de 1 • Lorsque la bombe tombe dans le chapeau de Roger. • Elle disparaît • Le score est augmenté de 100

  8. Fonctionnement du jeu (suite) • Lorsque Roger perd sa dernière vie, alors un écran de fin de jeu est affiché et l’usager est invité à recommencer en appuyant sur la touche « espace ».

  9. Astuces… • Le jeu est programmé en utilisant les positions absolues • Des setTimeout() sont utilisé pour le déplacement et la création des bombes • Afin de faire déplacer Roger, vous pouvez utiliser le même code de déplacement que pour la balle du jeu « Space Ball »

  10. Astuces… (suite !) • Voici les blocs crées

  11. Astuces… (suite !) • Voici les blocs crées

  12. Astuces… (suite !) • Voici les blocs crées

More Related