mardi 31 mai 2011

Pong en HTML5

Salut, ça fait presque un an que j'ai plus mis à jour mon blog ! À cause de mes études (études d'informatique, à EPITECH) je n'ai plus eu le temps ni la motivation de continuer la 3D. Même si je continue à toucher blender et à aider de temps en temps (principalement le gamblender), je n'ai rien modélisé depuis.

Donc je risque de ne plus poster de la 3D, mais plutôt de la prog'. Ce qui nous amène au sujet du billet: mon pong en HTML5, utilisant la balise canvas, sans flash donc.

Que vous pouvez tester là:


Oli's Pong:



Pour jouer à ce jeu vous devez avoir un navigateur qui supporte la balise HTML5 "canvas".
Je recommande l'un de ces navigateurs dans leur dernière version:



  • Firefox (jeu testé avec Firefox 4)

  • Opera

  • Chrome

  • Internet Explorer 9 ou plus uniquement (testé avec IE9)

  • Safari (vous verrez peut-être ce message, mais le jeu devrait fonctionner)




Commandes: touche S pour commencer, touches E et D pour bouger.






Le code est dispo ici: http://oli-s-storage.voila.net/pong.js. Pas encore tout à fahttp://www.blogger.com/img/blank.gifit propre, je ferais peut-être une autre version.

Je débute en JS et tout donc si quelqu'un a de bons conseil je suis preneur ;) .

J'oubliais: il faut un navigateur moderne, téléchargez la dernière version pour être sûr, pour ma part j'utilise Firefox 4, j'ai testé avec IE9 aussi ;)

EDIT: version plus évoluée ici: http://oli-s-storage.voila.net/dev_pong/olispong.html (en cours de dev, je mettrais à jour de temps en temps)