Sommaire

Présenter le jeu à l’utilisateur

1. Présenter un écran d’accueil

Pour commencer, on présente un écran d’accueil au joueur, lui permettant de comprendre ce qu’il doit faire et lui offrant la possibilité de débuter une partie. Il s’agit d’une boîte de dialogue avec un petit logo, un texte descriptif et un bouton permettant de commencer à jouer.

On crée donc un objet personnalisé JavaScript, dans un fichier externe appelé boiteAccueil.js, que nous implémentons dans le code principal pour afficher la boîte de dialogue. Le fichier est stocké dans le répertoire scripts. La fonction qui fait office de constructeur de cet objet a pour tâche d’insérer dans le DOM sa représentation visuelle.

function BoiteAccueil(titre, image, texte, instructions, fonction) 
{ 
   $(’.voile, .boiteAccueil’).remove(); 
   $(’body’).append(’<div class="voile"></div><div 
class="boiteAccueil"><img class="BALogo" src="’ + image + ’"><label 
class="BATitre">’ + titre + ’</label><p class="BATexte">’ + texte + 
’<p class="BAInstructions">’ + instructions + ’</p><button>Démarrer 
une partie</button></div>’); 
    $(’.boiteAccueil’) 
  ...