Archives de l’auteur : Xavier

Nouvelle démo webgl : SPACEGOO Cards

SPACEGOO Cards est une démo de jeu de cartes en ligne.
Dans ce domaine, le webgl s’avère une alternative intéressante au flash.

La démo est disponible ici : www.spacegoo.com/cards

Voici les différents contrôles :
– Clic sur une carte : poser/prendre une carte sur la table
– Clic sur le tableau joker : aide
– Touches claviers :
1 : Vue avant (éloignée)
2 : Vue du personnage
3 : Vue de dessus
4 : Vue de droite
5 : Vue de gauche
6 : Vue de gauche en arrière
7 : Vue de droite en arrière
8 : Vue de devant (proche)
Espace/v : Vue suivante
a,b,c,d,e,f,g,h,l,r,s : actions diverses et variées. On vous laisse découvrir !

Si votre configuration n’est pas compatible Webgl ( c’est à dire si ça ne marche pas ), voici la vidéo capture d’écran :

Dans cette démo le personnage est animé par squelette, c’est à dire qu’un seul maillage est chargé, et chaque partie est liée à un ‘os’.
La plupart des autres démos/jeux programmés en webgl et disposant de personnages animés sont réalisés en ‘keyframe’, c’est à dire que plusieurs maillages correspondant à des positions clés du personnages sont chargés, et le mouvement est réalisé par interpolation linéaire entre ces maillages.

Nous avons choisi la technique de l’animation par squelette pour plusieurs raisons :
– le temps de chargement du personnage est quasiment indépendant du nombre d’actions. On peut alors utiliser des maillages assez fins ( le maillage du personnage comporte 14000 points) avec des personnages pouvant effectuer des actions variées sans faire exploser le temps de chargement.
– il est plus facile de gérer les points de liaisons avec cette technique (un point de liaison est par exemple une paume de main à laquelle on peut lier un autre objet, typiquement une carte dans le cas présent).

Nouvelle démo webgl : Dark sea

Nous avons programmé une nouvelle démo vous permettant de noyer un site internet de votre choix.
Le site présent au démarrage est un miroir de madchat.org, site fermé en 2006, qui était un repository connu du milieu hacker francophone.

Cliquez ici pour afficher la démo

Vous devez avoir un navigateur récent tel Chrome ou Firefox4 ou + pour afficher cette démonstration, ainsi que des pilotes graphiques à jour.
Si votre ordinateur n’a pas de carte graphique dédiée, il se peut que la démo soit assez lente à cause des opérations de composition entre l’iframe restituant le site internet et la scène webgl.

En cas de non compatibilité, voici la vidéo :

IEWebGL, un plugin pour Internet Explorer

Jusque là les utilisateurs d’Internet Explorer souhaitant afficher du WebGL sans devoir changer de navigateur n’avaient pas d’autre choix que d’installer le plugin Google Frame, qui transforme Internet Explorer en skin pour Chrome.

Un nouveau projet à vu le jour : celui d’un plugin qui ne fait que rajouter la fonctionnalité WebGL à Internet Explorer. Souhaitons longue vie à ce projet (sauf si Microsoft se décide enfin d’arrêter Silverlight au profit du WebGL ) !

Cliquez ici pour accéder au site du projet IEWebGL

Nouvelle démo : le Cadillac Ranch

Le Cadillac Ranch est une oeuvre d’art monumentale collaborative localisée à Amarillo, au Texas, sur le tracé de l’ancienne Route 66. Elle a été conçu en 1974 par Chip Lord, Hudson Marquez et Doug Michel. Elle est constituée de 10 anciennes Cadillac alignées, à enterrées à moitié dans le sol par l’avant.

SPACEGOO a créé une version virtuelle du Cadillac Ranch : elle représente 10 Cadillac plantées dans le sol, et vous pouvez les peindre et vous promener autour. Les modifications que vous apportez aux Cadillac sont enregistrées, et les compressions successives des textures au format JPG entraine un vieillissement progressif des plus anciennes peintures. C’est une oeuvre d’art en 3D pour laquelle chaque internaute peut apporter sa contribution.

Utilisez les touches directionnelles et la molette de la souris pour vous déplacer, et pour peindre déplacez la souris avec le clic gauche enfoncé. Pour changer l’angle de la caméra, vous pouvez déplacer la souris avec le clic droit enfoncé.

Cliquez ici pour lancer la démo

Si vous n’avez pas un ordinateur webgl friendly, vous devrez vous contenter de la vidéo capture d’écran :

Il s’agit à notre connaissance de la première oeuvre d’art collaborative en 3D en ligne. Au niveau technique la principale difficulté a été d’implémenter un algorithme de calcul d’intersection utilisant un octree en javascript.