Javascript #11: Space invader

21
Javascript : Projet Space Invaders

Transcript of Javascript #11: Space invader

Page 1: Javascript #11: Space invader

Javascript : Projet Space Invaders

Page 2: Javascript #11: Space invader

1. Instructions

Page 3: Javascript #11: Space invader

Objectif final

Créer un jeu de type « space invader »

avec sauvegarde des scores et le mettre en ligne.

Page 4: Javascript #11: Space invader

Evaluation

Réalisation technique & créativité

Page 5: Javascript #11: Space invader

Workflow (1)

Home

Space invaders

JeuxHigh scoresInstructions

Game

Page 6: Javascript #11: Space invader

Workflow (2)

High scores

High scores

Instructions

Instructions1 darkwarrior99 9290192 zozo2 8231923 loulou2829 8117154 lightwarrior99 8006155 bgdu35 5990196 redwarrior99 3481117 zozo2 105214

Page 7: Javascript #11: Space invader

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

Page 8: Javascript #11: Space invader

2. Game design

Page 9: Javascript #11: Space invader

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.

Page 10: Javascript #11: Space invader

ToDo

Définir un concept / univers

Designer les quatre écrans

Trouver des icônes joueur/ennemis

Page 11: Javascript #11: Space invader

2. Intégration

Page 12: Javascript #11: Space invader

ToDo

Créer les 4 pages HTML

Page 13: Javascript #11: Space invader

3. Moteur de jeu

Page 14: Javascript #11: Space invader

ToDo

Animation des ennemies

Gestion de la difficulté

Gestion des collisions

Animation du joueur

Gestion de la difficulté

Page 15: Javascript #11: Space invader

4. Gestion des scores

Page 16: Javascript #11: Space invader

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

Page 17: Javascript #11: Space invader

5. Mise en ligne

Page 18: Javascript #11: Space invader

To be continued …

Page 19: Javascript #11: Space invader

Merci pour votre attention.

Page 20: Javascript #11: Space invader

BibliographieSpace Invaders - Wikipedia http://fr.wikipedia.org/wiki/Space_Invaders

Arcade: Space Invaders (1978) - Laoch111 https://www.youtube.com/watch?v=437Ld_rKM2s

Page 21: Javascript #11: Space invader

CréditsSpace 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