420 b63 programmation web avanc e auteur fr d ric th riault
This presentation is the property of its rightful owner.
Sponsored Links
1 / 9

Programmation du jeu FIREFLY en JavaScript PowerPoint PPT Presentation


  • 111 Views
  • Uploaded on
  • Presentation posted in: General

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.

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


Firefly

FIREFLY !


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 »


  • Login