Javascript #11: Space invader

Post on 27-Jul-2015

144 views 0 download

Transcript of Javascript #11: Space invader

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

JeuxHigh scoresInstructions

Game

Workflow (2)

High scores

High scores

Instructions

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

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

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

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 pages en .php

Insertion & liste des scores

5. Mise en ligne

To be continued …

Merci pour votre attention.

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

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

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