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)

dimanche 4 juillet 2010

[WIP] Un bureau ancien #2

...Juste pour dire que j'ai un peu avancé, comme j'ai posté un wip sur le sdz avec une nouvelle image j'en profite pour mettre à jour mon blog.

La voici:

Cliquez pour agrandir

(43minutes de rendu la bête ! Des fois je me dit que mon proco commence à vieillir pour de bon ^^ )
++

vendredi 2 juillet 2010

[WIP] Un bureau ancien

Je me lasse un peu de bosser sur BOIN!bot donc je me suis un peu remis au graphisme le temps d'imaginer un autre jeu (normalement je devrais quand même sortir une version finale de B!b). Je tien un concept, il reste plus qu'à mettre les idées au clair mais ça n'est pas le sujet du billet

Tout à l'heure anto passait sur #3D (mon chan IRC sensé parler de 3D ^^) et il lance une speed modé, sujet: modéliser un bureau.

Alors que tout le monde semblait opter pour un bureau de chez ikea je me suis tapé un kiff et j'ai fait un truc plus ancien. Voilà l'avancement:
Version 1
Version 2
Version 3

Et voilà où j'en suis:

en fait c'est la version 3 avec 64samples pour les ombres des lampes (au lieu de 8). La speed est finie mais je continue quand même la modélisation.

Le maillage est ici.

Pour les curieux vous pouvez passer faire un tour sur irc://irc.epiknet.org/3D, accessible à partir de n'importe quel navigateur grâce au widget mibbit, ici.
Si vous avez la chance de tomber à un moment où c'est actif ^^ !

lundi 21 juin 2010

[WIP / BGE] BOIN!bot 0.7.1

Comme promis, BOIN!bot 0.7.1 est disponible :) je vais bientôt arrêter là pour ce jeu et pourquoi pas passer à quelque chose de plus sérieux ?

Cette fois-ci je me suis concentré sur les menus et l'interface du jeu.
Liste des ajouts:
- On peut prendre des captures d'écran avec F12 durant le jeu et elles sont enregistrées automatiquement dans le dossier "screenshots" du jeu en JPG.
- Le système de score est finalisé: le temps et les bonus de niveaux sont pris en compte. Et on peut sauvegarder nos meilleurs scores :) !
-Il y a un système de niveaux que j'améliorerais encore un peu mais vous pouvez déjà choisir parmi 9 niveaux.
- Quand vous prenez des malus, une icône en bas de l'écran vous signale leur effet.
- Maintenant les nuages peuvent apparaitre devant le perso mais ils deviennent transparents pour ne pas gêner la visibilité, il y a des screens à la fin du billet, vous comprendrez. (j'ai découvert que les nodes des matériaux marchaient dans le gameBlender, j'ai pas pu m'empêcher de tester ^^ )
- Du son et de la musique ! Vous comprendrez enfin pourquoi ça s'appelle BOIN!bot et je tien à remercier Lucas Spielmann (Gamarillo du SdZ) pour la musique !
- Une panoplie de menus, les meilleurs scores, l'aide etc...
- Petite correction d'un bug avec le malus inverseur.

Prochaine (et dernière?) étape:
- J'harmonise les menus aussi bien au niveau du look que des "commandes", en effet ils n'ont pas tous le même design et parfois il faut cliquer pour revenir en arrière, parfois il faut appuyer sur echap, je pense que c'est assez gênant
- Je termine le système de niveaux notamment avec un mode custom, qui permettra de paramétrer sois-même les niveaux
- Et je fini d'ajouter des bruitages

Téléchargement:
Cette fois tout devrait marcher, si c'est pas le cas (qui a dit "comme d'hab" ?!) merci de me prévenir ^^
BOIN!bot 0.7.1 version fichier blender (2.49b) (8.68 Mo)
BOIN!bot 0.7.1 version exécutable (windows) (16.15 Mo)

Captures d'écran:
cachenuages
Voilà comment sont cachés les nuages

menu principal
Le menu principal

aides
Le menu d'aides

Voilou :) !

dimanche 20 juin 2010

Nouvelle présentation du blog !

Plop!
Blogger propose des nouvelles présentations et un outil assez puissant pour les personnaliser, j'en ai donc profité pour changer la présentation du blog, j'espère que ça vous plait !

J'en profite pour dire que BOIN!bot 0.7 arrive bientôt ! Avec des menus, le système de score terminé, un système de meilleurs scores, différents niveaux etc... J'upload dès que j'ai le temps (ou l'envie ^^ )

dimanche 30 mai 2010

[WIP / BGE] BOIN!bot V 0.5.4 (score + problème de dll corrigé)

EDIT2: La version exécutable est mise à jour, si vous aviez une série d'erreur dans la console vous pouvez télécharger cette version maintenant. (désolé pour toutes ces erreurs mais c'est la 1ere fois que je génère des exécutables avec Blender)
----

EDIT1: Les versions windows avaient encore un dysfonctionnement dans l'affichage du score, c'est corrigé, j'avais oublié d'inclure un dossier ^__^' héhéhé...
(Merci anonyme p !)
----

Salut !

J'ai pas mal travaillé sur BOIN!bot cette semaine, le jeu commence enfin à ressembler à un jeu.

Aujourd'hui je publie la version 0.5.4, ça fait un assez grand bond par rapport à la version précédente (0.3.4) et pour cause !

Voilà le lot de nouveautés:

  • Un flash quand on récupère un bonus / malus ou encore quand les effets d'un malus se dissipent.
  • Un nouveau malus: Le malus "commandes inversées".
  • Un nouveau bonus qui donne +50 points quand on le récupère
  • À présent si on tombe trop bas sans réussir à se rattraper on perd, plus la peine de descendre sous la 1ere plateforme.
  • Le jeu utilise maintenant une vrai police pour le texte (avant le texte était fait avec des polygones).
  • Le plus important: le score est de la partie ! Le jeu commence donc à avoir un petit intérêt.
  • Un chronomètre (il servira pour le score mais pour le moment il décore ^^ )
  • À la fin de la partie on accède d'abord à l'écran des scores puis à l'animation de victoire (sauf si on perd, on passe directement à l'animation de défaite, comme avant)
  • Le double saut. Avant on pouvait tricher en appuyant sur espace, je pensais supprimer cette fonction mais finalement je compte l'intégrer au jeu: espace permet maintenant d'effectuer un saut dans les airs pour se rattraper) seulement ça vous coûtera 250points !
  • Enfin les blocs bleus ne se tournent plus lorsque vous sautez dessus, ils réduisent de taille


Le score:
Je reviens sur le score, qui est la grosse nouveauté, il est géré de la façon suivante:
Chaque plateforme a une valeur (sauf la 1ere et la dernière), lorsque vous sautez dessus pour la 1ere fois cette valeur sera ajoutée à votre score. Par contre si vous sautez sur une plateforme sur la quelle vous avez déjà sauté la moitié de sa valeur sera retranchée à votre score

Exemple:
- Je saute sur une plate forme verte, j'ai +10points
- je retombe sur cette même plateforme, j'ai cette fois-ci -5points

Quand aux bonus ils rapportent des points lorsqu'ils sont récupérés, les malus ne rapportent rien.

Valeur des items:
  • 10points pour une plateforme verte
  • 15points pour une plateforme bleue
  • 20points pour une plateforme rouge
  • 30points pour une plateforme blanche
  • 350points pour un "bonus super saut"
  • -250points pour un double saut


Le problème de dll:
Dans la précédente version de l'exécutable, de nombreux ordinateurs demandaient le fichier "wrap_oal.dll", il est maintenant inclut, ça devrait donc marcher de partout.

Sinon prévenez-moi !
(merci d'avance)

Téléchargements:
Je pense avoir tout dit, je laisse les liens de téléchargement:
Version fichiers blender (293 Ko)
Version exécutables pour windows (7.58 Mo) (version corrigée uploadée !)

Captures d'écran:
Deux captures in game:
Image hosted by uppix.net Image hosted by uppix.net

Le nouveau menu pause: (le lien "Aides" ne fonctionne pas encore)
Image hosted by uppix.net

L'écran des scores:
Image hosted by uppix.net

Enfin je tien à remercier Speedlight du blenderclan à qui on doit le malus "commandes inversées" et les flashs :) . C'est pas grand chose mais ça m'a quand même avancé et j'avais pas eu l'idée des flashs, ça rend plus dynamique

samedi 22 mai 2010

[WIP / BGE] BOIN!bot V 0.3.4 (edit: ajout de screens)

Nouvelle version pour BOIN!bot, au programme cette fois:
- On peut maintenant utiliser les touches ZQSD pour se déplacer ou bien les touches fléchées
- La possibilité de zoomer / dézoomer avec la molette de la souris, soit avec les touches + et - tu pavé numérique ou encore les touches ° et + du clavier alphanumérique
- Un menu pause quand on appui sur Echap
- Des bonus et malus par-ci par-là sur le parcours
- Des petits nuages en arrière plan
- Une plateformes de départ et d'arrivée
- Des collisions un peut plus précises: avant, même si le ressort ne touchait pas on pouvait sauter
- On peut perdre si on tombe trop bas sous la 1ere plateforme (avec une petite animation :) )
- On peut enfin gagner si on arrive sur la dernière plateforme (toujours avec une animation)

Il n'y a qu'un bonus: le super saut
Et qu'un malus: vision floutée

Il faut que je trouve d'autres idées de bonus / malus, je pense ajouter un malus qui inverse les commandes mais à part ça je sais pas quoi rajouter, donc si vous avez des idées elles sont les bienvenues :D !

Voilà les liens pour télécharger:
Le fichier blender (264.45Ko)
Les binaires pour windows (7.49Mo)

Voilà, voilà ! Dites moi ce que vous en pensez !

EDIT:
J'ai oublié d'uploader quelques screens hier, les voici: (cliquez dessus pour les agrandir et ne faites pas attention au texte affiché en haut à gauche c'est juste pour débugger)

B_b1.png (65 KB)

sommet.png (38 KB)
La dernière plateforme

pause.png (76 KB)
Le menu "pause"

bonusSuperSaut.png (65 KB)
Le bonus "super saut"

malusTrouble.png (84 KB)
Le malus "vision trouble"

vueTrouble.png (224 KB)
...et voilà ce que ça donne quand on le prend

aie.png (268 KB)
Vous avez pas intérêt à tomber !