420 b63 programmation web avanc e auteur fr d ric th riault
Download
1 / 9

Programmation du jeu FIREFLY en JavaScript - PowerPoint PPT Presentation


  • 168 Views
  • Uploaded on

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.

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about ' Programmation du jeu FIREFLY en JavaScript' - lazar


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.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
420 b63 programmation web avanc e auteur fr d ric th riault

420-B63 Programmation Web Avancée

Auteur : Frédéric Thériault

Programmationdujeu FIREFLY en JavaScript



But du jeu
But du jeu…

  • Empêcher un vaisseau ennemi de traverser l’écran


Fonctionnement du jeu
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 ».


Fonctionnement du jeu suite
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.


Les missiles du vaisseau
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.


Fonctionnement du jeu suite1
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.


Astuces
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.


Astuces suite
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 »


ad