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)

6 commentaires:

SniperKing a dit…

Salut,

Très sympa ton pong. :D
Il fonctionne très bien avec Opera et Chrome0. ;)

Oli a dit…

salut SniperKing, merci :) !

(finalement je me suis décidé à télécharger chrome et opera pour tester. Sympa comme navigateurs au passage)

Ppersonne a dit…

Ba ouais, Chrome c'est trop couule :D
Sinon sympa le pong .. M'enfin j'attends une version trop bien en .. multijoueur online !! =]

Anonyme a dit…

Sympas. Il n'y a plus qu'à améliorer l'IA. Pour gagner il suffit d'appuyer sur S et de laisser faire. Le schéma de jeu est toujours le même sur mon poste.

Na a dit…

Faut juste ajouter l'affichage du score :D

Oli a dit…

Héhé, merci pour vos commentaires, ça fait plaisir!
L'IA est très simple, elle suit approximativement le mouvement de la balle, donc oui si tu fais toujours la même chose, l'IA fera de même ^^

Je ne tien plus ce blog à jour mais il y a des chances que j'en ouvre un autre plus centré autour de la prog d'ici quelques temps ;)