Javascript : Projet Space Invaders
1. Instructions
Objectif final
Créer un jeu de type
« space invader »
avec sauvegarde des scores
et le mettre en ligne.
Evaluation
Réalisation technique
& créativité
Workflow (1)
Home
Space invaders
Jeux
High scores
Instructions
Game
Workflow (2)
High scores
High scores
Instructions
Instructions
1 darkwarrior99 929019
2 zozo2 823192
3 loulou2829 811715
4...
Planning
#1 Game design
#2 Intégration HTML5 & CSS3
#3 Moteur de jeu HTML5 & Javascript
#4 Gestion des scores PHP & MYSQL
...
2. Game design
Règles du jeu
Des ennemis apparaissent en haut de l’écran
et descendent vers le joueur.
Le joueur contrôle au clavier un p...
ToDo
Définir un concept / univers
Designer les quatre écrans
Trouver des icônes joueur/ennemis
2. Intégration
ToDo
Créer les 4 pages HTML
3. Moteur de jeu
ToDo
Animation des ennemies
Gestion de la difficulté
Gestion des collisions
Animation du joueur
Gestion de la difficulté
4. Gestion des scores
ToDo
Envoyer le score du jeux à la page end.php
Création de la base de donnée
Formulaire de fin de jeux
Transformer les pag...
5. Mise en ligne
To be continued …
Merci pour votre attention.
Bibliographie
Space Invaders - Wikipedia
http://fr.wikipedia.org/wiki/Space_Invaders
Arcade: Space Invaders (1978) - Laoch...
Crédits
Space Invader titles in Shoreditch - Edward Betts
http://commons.wikimedia.org/wiki/File:Space_Invader_-_2007_-_Sh...
Prochain SlideShare
Chargement dans…5
×

Javascript #11: Space invader

632 vues

Publié le

Javascript #11: Space invader

Publié dans : Logiciels
0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
632
Sur SlideShare
0
Issues des intégrations
0
Intégrations
77
Actions
Partages
0
Téléchargements
4
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

Javascript #11: Space invader

  1. 1. Javascript : Projet Space Invaders
  2. 2. 1. Instructions
  3. 3. Objectif final Créer un jeu de type « space invader » avec sauvegarde des scores et le mettre en ligne.
  4. 4. Evaluation Réalisation technique & créativité
  5. 5. Workflow (1) Home Space invaders Jeux High scores Instructions Game
  6. 6. Workflow (2) High scores High scores Instructions Instructions 1 darkwarrior99 929019 2 zozo2 823192 3 loulou2829 811715 4 lightwarrior99 800615 5 bgdu35 599019 6 redwarrior99 348111 7 zozo2 105214
  7. 7. Planning #1 Game design #2 Intégration HTML5 & CSS3 #3 Moteur de jeu HTML5 & Javascript #4 Gestion des scores PHP & MYSQL #5 Mise en ligne GIT & Heroku
  8. 8. 2. Game design
  9. 9. Règles du jeu Des ennemis apparaissent en haut de l’écran et descendent vers le joueur. Le joueur contrôle au clavier un personage. Le personnage doit éviter la collision avec les ennemis. En cas de collision le jeux s’arrête. Chaque seconde sans collision fait gagner des points au joueur.
  10. 10. ToDo Définir un concept / univers Designer les quatre écrans Trouver des icônes joueur/ennemis
  11. 11. 2. Intégration
  12. 12. ToDo Créer les 4 pages HTML
  13. 13. 3. Moteur de jeu
  14. 14. ToDo Animation des ennemies Gestion de la difficulté Gestion des collisions Animation du joueur Gestion de la difficulté
  15. 15. 4. Gestion des scores
  16. 16. ToDo Envoyer le score du jeux à la page end.php Création de la base de donnée Formulaire de fin de jeux Transformer les pages en .php Insertion & liste des scores
  17. 17. 5. Mise en ligne
  18. 18. To be continued …
  19. 19. Merci pour votre attention.
  20. 20. Bibliographie Space Invaders - Wikipedia http://fr.wikipedia.org/wiki/Space_Invaders Arcade: Space Invaders (1978) - Laoch111 https://www.youtube.com/watch?v=437Ld_rKM2s
  21. 21. Crédits Space Invader titles in Shoreditch - Edward Betts http://commons.wikimedia.org/wiki/File:Space_Invader_-_2007_-_Shoreditch_-_1.jpg Space Invader Icons - Ley604 http://www.vecteezy.com/miscellaneous/14525-space-invader-icons

×