Affichage des articles dont le libellé est script. Afficher tous les articles
Affichage des articles dont le libellé est script. Afficher tous les articles

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)

vendredi 10 avril 2009

Plein de bonnes nouvelles !

Commençons par la loi Création et Internet qui a été rejetée au dernier moment, donc fini les inquiétudes à propos de l'Hadopi :) !
En fait non, je me suis renseigné le gouvernement insiste, la loi sera revotée T_T ...

Mais c'est pas grave car pour nous remonter le moral le BGE (Blender Game Engine) vas évoluer ^^ :
http://www.blendernation.com/2009/04/05/advanced-glsl-2d-filters/
http://www.blendernation.com/2009/04/09/bge-taking-it-to-the-next-level/

La première news parle de l'implémentation de nouveaux filtres 2D en temps réel codés par Martinsh et mpan3 (Martinsh est l'auteur de la "bathroom demo"):
- SSAO, une technique de calcul d'AO (ambient occlusion) en temps réel.
- Light Scattering, c'est une méthode qui permet de calculer des sortes de raies de lumières... Enfin, une image sera plus explicite:

- DoF, la profondeur de champ quoi...
- Chromatic Abberation, euh ça c'est des "merdouilles" rouges et bleues sur les contours des objets:

- Cross Shaped Bloom, un effet de brillance / d'éblouissement.

Pour en savoir plus allez voir la news sur BlenderNation où vous trouverez le lien de téléchargement de la demo. (attention, si vous voulez activer tous les effets il faut une bonne config)

Mais ce n'est pas tout, dans la deuxième news on a apprend qu'un jeu à la 3° personne vas être réalisé avec le GE (Game Engine), et ce n'est pas un petit projet: les meilleurs développeurs GameBlender ont été recrutés (dont martinsh qui va justement travailler sur la création des shaders). En gros Blender vas encore une fois être dopé comme ça avait été le cas avec le projet Yo Francky! qui nous a apporté les shaders GLSL :) .

... Je ne fais pas mieux que BlenderNation, donc je vous redirige vers la news d'origine.

Et si j'ai bien compris le moteur d'affichage sera optimisé (déjà 5 fois plus rapide), et on aura bientôt droit aux shaders SSS, des shaders pour l'eau, un support pour les processeurs multi-cœurs etc...

Bref que du bon, donc vivement blender 2.49 et 2.5 :) !


En ce qui me concerne il y a quelques semaines je m'étais lancé dans un petit script python permettant le contrôle des personnages à la souris dans le GE. J'y suis allé un peu tête baissée donc c'est pas très modulable et il y a probablement moyen de faire mieux mais je met quand même le fichier en ligne si ça peu en inspirer certains:
http://www.mediafire.com/?fb2t4qynzmz

Mais attention, ce n'est qu'un début (et j'ai la flemme, voire pas les moyens de continuer...): Il n'y a pas de collisions et ne parlons pas de pathfinding ^^ !

Voilà tout :) .
++