Javascript #11: Space invader

1. Javascript : Projet Space Invaders

2. 1. Instructions

3. Objectif final
Créer un jeu de type
« space invader »
avec sauvegarde des scores
et le mettre en ligne.

4. Evaluation
Réalisation technique
& créativité

5. Workflow (1)
Home
Space invaders
Jeux
High scores
Instructions
Game

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. 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. 2. Game design

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. ToDo
Définir un concept / univers
Designer les quatre écrans
Trouver des icônes joueur/ennemis

11. 2. Intégration

12. ToDo
Créer les 4 pages HTML

13. 3. Moteur de jeu

14. ToDo
Animation des ennemies
Gestion de la difficulté
Gestion des collisions
Animation du joueur
Gestion de la difficulté

15. 4. Gestion des scores

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. 5. Mise en ligne

18. To be continued …

19. Merci pour votre attention.

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