Médiaforma

All posts tagged en ligne

Dans cette formation, je vais vous montrer comment réaliser un jeu de Memory en utilisant les langages et standards HTML5, CSS3, JavaScript et jQuery.

Au fil des neuf étapes nécessaires au développement du jeu, vous apprendrez de nombreuses choses. Entre autres :

  • Vous saurez comment mettre en place un squelette standard en HTML5/CSS3 ;
  • Vous apprendrez à utiliser un générateur pseudo-aléatoire en JavaScript pour mélanger des cartes ;
  • Vous verrez comment manipuler le DOM pour y insérer des objets, modifier leur comportement et les mettre à jour pendant la partie ;
  • Vous verrez comment ajouter de l’interactivité au jeu en capturant les événements souris en JavaScript ;
  • Vous apprendrez à améliorer la présentation du jeu en utilisant du code CSS3 ;
  • Vous saurez comment insérer des sons dans un document HTML5 et comment les jouer en jQuery.

Vous êtes certainement impatient de commencer. Alors, entamons la première étape sans plus tarder.

 




 


Une fois n’est pas coutume : je vous propose de vous détendre en jouant à des jeux des années 80 en utilisant votre navigateur Web. Vous utilisez Internet Explorer et vous aimez jouer ? Cela tombe bien car Microsoft vous propose de découvrir ou de redécouvrir toutes sortes de jeux mythiques développés en HTML5 sur le site Atari Arcade : Pong, Lunar Lander, Asteroids, Missile Command et bien d’autres vous attendent sur le site http://www.atari.com/arcade#!/arcade/atari-promo. Choisissez un jeu en pointant la liste affichée à gauche de l’écran et en déplaçant la roulette de votre souris. Cliquez sur un jeu pour le sélectionner et commencez à jouer. Amusez-vous bien !