Jeu interactif dans le Web

Attendus

Vous devez rendre pour le 19/12/19 sur l'E.N.T un dossier compressé à votre nom contenant :

• un dossier images contenant des images
• un dossier styles contenant les fichiers css
• un dossier scripts contenant deux programmes Javascript, l'un eisbar.js l'autre en rapport avec le jeu que vous allez créer
• un fichier index.html la page d'accueil
• un fichier eisbar.html
• un autre fichier html concernant le jeu que vous allez créer

Matériel

Pour commencer télécharger le dossier compressé projetEisbar.zip

Aller sur le site opengameart puis dans la barre de recherche entrer "dice" puis sélectionner la deuxième icone et télécharger dice_faces_hd.zip

Ensuite mettre les images png des dés dans le dossier images

Le fichier style.css

S'inspirer du TP "Observons les oiseaux" pour faire un fichier style.css pour que la mise en forme des fichiers index.html et eisbar.html respectent les contraintes suivantes

1. Le titre de la page est associé à une image d'ours polaire

2. La barre des menus est horizontale

   

3. Les règles du jeu dans le fichier eisbar.html sont entourées d'un cadre aux bords arrondis

   

4. la zone de jeu dans le fichier eisbar.html doit ressembler à

   

Le fichier eisbar.js

S'inspirer du TP "Devine un nombre" pour compléter le fichier eisbar.js

1. Compléter les fonctions en respectant leur spécification
2. Les fonctions verifieSolution(), setGameOver() et rejouer() sont semblables à celles vues dans le TP "Devine un nombre"

3. Si le joueur a trouvé la réponse correcte, un message apparaît ainsi qu'un bouton rejouer

   

4. Si le joueur n'a pas trouvé la bonne réponse , un message apparaît avec la correction ainsi qu'un bouton rejouer

   

Créer un jeu "simple"

S'inspirer de ce qui a été fait avec le jeu eisbär pour créer un jeu simple de logique avec les nombres

Rendre un fichier html, css et javascript