1 / 9

Programmation du jeu FIREFLY en JavaScript

420-B63 Programmation Web Avancée Auteur : Frédéric Thériault. Programmation du jeu FIREFLY en JavaScript. FIREFLY !. But du jeu…. Empêcher un vaisseau ennemi de traverser l’écran. Fonctionnement du jeu.

lazar
Download Presentation

Programmation du jeu FIREFLY 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 FIREFLY en JavaScript

  2. FIREFLY !

  3. But du jeu… • Empêcher un vaisseau ennemi de traverser l’écran

  4. 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 ».

  5. Fonctionnement du jeu (suite) • Le déplacement du vaisseau Firefly se fait en appuyant sur les touches ‘a’ ou ‘d’ du clavier • Plus le temps avance, plus il y a de vaisseaux ennemis qui arrivent • Par exemple, au départ il y a un vaisseau à chaque 2000ms qui tombe. À chaque nouveau vaisseau, l’intervale est diminué de 10ms.

  6. Les missiles du vaisseau • En appuyant sur « espace », Le vaisseau créé un missile qui se déplace vers le haut. Si le missile touche un vaisseau ennemi, alors celui-ci réduit sa vitesse (vélocité). Ce vaisseau peut même aller jusqu`à reculer et disparaitre de l’écran. Vous devrez retirer ces vaisseaux disparus du tableau de vaisseaux.

  7. Fonctionnement du jeu (suite) • Lorsque le vaisseau ennemi traverse l’écran du jeu, celui-ci prend fin et la page de « Game Over » est affichée.

  8. Astuces… • Le jeu possède une fonction globale permettant de bouger tous les objets du jeu (worldStep) • Les étoiles • Classe permettant de faire des étoiles (de taille variable) • Les ennemis • 2 types de vaisseaux possibles. • Le vaisseau firefly • Il possède une vélocité de déplacement. Il y a également une rotation du vaisseau en fonction de sa vélocité. • Cette fonction est rappelée à chaque 30ms.

  9. Astuces… (suite !) • Le jeu est programmé en utilisant les positions absolues • Afin de faire déplacer le vaisseau, vous pouvez utiliser le même code de déplacement que pour la balle du jeu « Space Ball »

More Related