Firefox 4 fait un show avec WebGL

Florian Innocente |
La dernière version bêta de Firefox 4 sortie il y a deux jours est l'occasion de voir une démonstration assez riche des possibilités de WebGL associé à JavaScript et l'HTML5 [4.0 b8 - 26,9 Mo - Mac OS X 10.5 - VF - Logiciel libre]. WebGL applique à des contenus web les possibilités 3D d'OpenGL.

Une performance mise en ligne et que l'on peut jouer soi-même (Safari ne saura pas l'interpréter mais une vidéo est consultable ici). De prime abord on pense voir un film, d'autant que l'on peut progresser manuellement dans son déroulement. Pourtant il s'agit bien d'une animation 3D exécutée en temps réel (l'activité processeur du Mac peut d'ailleurs en témoigner à certains moments) avec le renfort des canvas audio et vidéo d'HTML5. Le nouveau moteur JavaScript de Firefox 4 est également mis à contribution, d'autant qu'il a été amélioré dans ses performances (détails techniques).

Outre des contenus 3D, cette démo récupère, en temps réel aussi, des images sur Flickr, des vidéos ainsi que des tweets et elle les intègre dans le décor (construit à la base dans Lightwave). Cette démo a été réalisée en un mois par six personnes et ils en préparent une nouvelle plus sophistiquée encore.

demowebgla


Tags
#Firefox #WebGL
avatar Anonyme (non vérifié) | 
Pour info, depuis la semaine dernière WebGL est intégré dans la version beta de Chrome. http://blog.chromium.org/2010/12/webgl-now-in-beta-here-comes-3d-web.html Les performances sont nettement en-dessous de celles de Firefox, qui est assez impressionnant, pour le coup. Ce qui serait bien maintenant... ça serait qu'il sorte.
avatar AmoCrea | 
Yay ! J'adore le 21e siècle !
avatar eTeks | 
Mouaif. Si WebGL n'est pas intégré à IE aussi, pas sûr que ça sera tant utilisé... :-(
avatar Anonyme (non vérifié) | 
Bon quelques mises au point: Depuis une semaine y'a le version "Body" de Google Earth: http://bodybrowser.googlelabs.com C'est aussi 100% basé sur WebGL! Pour ouvrir ça avec Safari, pas besoin de bêta Firefox ou autre, non!!! Installez tout bêtement: http://nightly.webkit.org Puis ouvrez Webkit, depuis vos Applications! Il reprendra la tronche de Safari (avec toutes vos préférences) et vous pourrez TOUT ouvrir... Je suis surpris que personne n'en ai encore parlé...
avatar Komm | 
C'est violent pour le processeur en tout cas... Flash est loin d'être mort!
avatar gloup gloup | 
@Nico_ACSP : c'est vrai on peut aussi regarder avec une beta (webkit) de Safari, note que cette démo de google fonctionne aussi dans FF4b8. ;-) :-p
avatar pim | 
Ça marche pas sur l'iPad... (je suis déjà repartis me cacher)
avatar oomu | 
@Komm [23/12/2010 11:37] "C'est violent pour le processeur en tout cas... Flash est loin d'être mort!" A quoi sert flash?
avatar bigham | 
Ils ont prévu de gérer correctement le z buffer dans la version finale ? Parce que le masquage de facette déconne plutôt bien dans cette démo.
avatar oomu | 
@Nico_ACSP [23/12/2010 11:24] Bon quelques mises au point : Les "nighty build" de webkit ne sont pas des beta ni même des alpha versions. C'est le code du projet pris chaque nuit par un automate et compilé. Souvent ça donne un truc qui roule, bien des fois ça donne un programme qui explose. Zéro garantie, pas même quelqu'un qui a vérifié. Vous ne pouvez pas parler chaque jour de l'état de webkit. C'est bon pour les passionnés dont vous faites parti. Voila, la focale est bien réglée maintenant.
avatar BioSS | 
Cette honte… C'est même pas au niveau de la PSP, aucun shader, aucun post-process, aucun éclairage, c'est juste des textures sur des cubes, c'est rididcule… Les jeux montrés avec la prochaine version de Flash Molehill sont 100 fois plus intéressantes et proches des vrais besoins. http://www.youtube.com/watch?v=tgwi0lWgX8w&feature=player_embedded
avatar BioSS | 
Ou encore http://www.youtube.com/watch?v=m053MqzstVg&feature=player_embedded Evidemment c'est pas MacG qui publiera ce genre de résultats tellement plus intéressants qu'une énième merde HTML5 à peine digne de ce qui se faisait en 1999.
avatar Switcher | 
Vidéo intéressante, mais je dois être le seul à avoir cherché les références artistiques de la vidéo. Un fumet visuel très "années 80" en tout cas : [i]Tron, Blade Runner[/i], le clip [i]"The Collector"[/i] de Marc Cerrone, musicalement c'est plus orienté Tangerine Dream / chillout années 90 par contre.
avatar Ali Baba | 
"honte", "merde", "ridicule"... que de mots excessifs et agressifs ! C'est vraiment fatigant de lire ça à longueur de commentaires. Si c'était constructif au moins ! Même pas ! Que du rentre-dedans gratuit.. On devrait avoir une option pour ne lire que les commentaires d'oomu.
avatar gloup gloup | 
@BioSS : le but n'est pas de faire des jeux vidéos, il s'agit d'une page html5 de démo avec intégration des éléments , , etc, dans un canvas 3d. Le tout avec des technologies libres et ouvertes. :-p
avatar gloup gloup | 
Oups audio et video ont sauté.
avatar gloup gloup | 
Au niveau utilisation, l'exemple de google est parfait, on peut même faire des liens sur certaines parties du corps comme [url=http://bodybrowser.googlelabs.com/body.html#ui=1,0&opa=s:0,m:0,sk:0,c:0,o:0,ci:1,n:1&sel=Aorta,1,1,0.3,0.2&lab=Aorta&nav=0.69,129.88,25.15]l'aorte[/url].
avatar gloup gloup | 
Grrr: http://bodybrowser.googlelabs.com/body.html#ui=1,0&opa=s:0,m:0,sk:0,c:0,o:0,ci:1,n:1&sel=Aorta,1,1,0.3,0.2&lab=Aorta&nav=0.69,129.88,25.15

CONNEXION UTILISATEUR