Petit projet de site, contenant un jeu de type "Bataille Navale" fonctionnel et jouable, codé en Javascript natif.
-
Version en ligne: https://developer-road.com/Bataille-Spatiale
-
Wireframe: https://www.figma.com/file/7NKonvAiWMsQG1TrhFAmFA/Wireframe
-
Maquette: https://www.figma.com/file/GeuMXPK3fCjY0XLe6OTMGV/Maquette?node-id=0%3A
-
Gestion de projet: https://trello.com/b/7UaZ57XN/projet-simplon-bataille-navale
-
Un jeu de type "Bataille Navale".
-
Le joueur doit pouvoir rentrer des informations, comme ici son pseudo, mode de joueurs, et difficulté.
-
Le joueur doit pouvoir sélectionner une difficulté, qui lui donnera plus ou moins de bateaux.
-
Le joueur doit pouvoir positionner ses bateaux sur la grille de jeu.
-
Le jeu doit alors pouvoir se dérouler, et le joueur doit pouvoir faire une partie complète contre l'ordinateur, et gagner ou perdre à l'issue de cette partie.
-
Le site/jeu doit pouvoir s'adapter sur Web, Tablette et Mobile.
(Facultatif/Bonus):
- Les scores du joueur sont sauvegardés (ici en LocalStorage)
- Le joueur doit pouvoir jouer en ligne contre un autre joueur (pas encore implémenté)
Aucune procédure n'est nécessaire pour faire fonctionner ce site, et jouer au jeu, étant donné qu'il ne nécessite pas dans l'état actuel un serveur. Il faut uniquement veiller à ce que les scripts/le javascript ne soit pas désactivés sur le navigateur utilisé.
Page d'accueil, vous pouvez entrer votre pseudo ici, choisir votre thème de couleurs et cliquer sur le bouton pour passer à la prochaine étape! Il n'est pas impossible qu'il y ait certaines choses cachées sur cette page...
Sélection du mode de difficulté, qui va définir combien de vaisseaux le joueur pourra placer! Cliquez sur le bouton pour la prochaine étape!
Il est temps de placer les vaisseaux du joueur! Déplacez-les uns à uns sur la grille à l'endroit désiré. Il est possible de changer leur sens avant de les placer en cliquant sur le bouton!
Enfin, après avoir placé tous les vaisseaux, et cliqué sur le bouton jouer, la partie se déroulera tour à tour avec l'ordinateur, et se soldera par une victoire... ou une défaite!
Bonne chance Capitaine, vous en aurez besoin!