Pour coder ce jeu de Tic-tac-toe, même si les règles sont très simples, il faut d'abord avoir une idée globale de ce à quoi nous voulons arriver. Un schéma réalisé rapidement à l'aide de Pencil [1] nous permet d'avoir une vision des différents objets qui seront présents sur notre page (voir figure 1).
Fig. 1 : Schéma représentant l'affichage souhaité pour notre jeu
Effectuons une liste des principales parties que l'on peut dégager pour réaliser notre jeu et les technologies que nous emploierons :
- Affichage de messages en utilisant une police externe : @font-face ;
- Affichage des pions : sprites CSS ;
- Déplacement des pions : drag and drop ;
- Émission d'un son lors de la prise et du positionnement d'un pion, ainsi qu'en cas de victoire ou de défaite : balise <audio> et sprites audio ;
- Sauvegarde du meilleur score : localStorage ;
- Jeu contre l'ordinateur : websockets et socket.IO.
Bien sûr, le fait de coder le jeu de la machine sur un serveur distant n'est pas...
- Accédez à tous les contenus de Connect en illimité
- Découvrez des listes de lecture et des contenus Premium
- Consultez les nouveaux articles en avant-première