3D CSS

Se présenter, parler avec les hébergés, ou parler de tout et de rien

Moderators: Psycho_Guanac, DFs

flyermoney
Hébergé
Hébergé
Posts: 376
Joined: Sat Jul 03, 2004 1:57 pm
Location: Mothership Earth
Contact:

Post by flyermoney » Mon Dec 14, 2009 5:01 pm

Dingue.

Une démo de 3D CSS, un visualiseur de personnages Spore en 3D texturée:
http://people.mozilla.com/~vladimir/web ... eview.html

Pour le moment ça ne marche que dans les dernières nightly builds de Firefox:
http://ftp.mozilla.org/pub/mozilla.org/ ... est-trunk/

Et il faut changer un truc dans about:config, comme indiqué ici:
http://blog.vlad1.com/2009/09/18/webgl- ... ly-builds/

Le bouzin est expliqué sommairement ici:
http://blog.vlad1.com/2009/09/21/webgl-samples/

Pour les paresseux qui ne veulent pas s'installer la nightly de Firefox, une vidéo ici:
http://www.youtube.com/watch?v=936V5LmUjqw

(:njoy:)
Le paradis, j'y entre quand j'veux.
T'façons, j'connais les videurs.

flyermoney
Hébergé
Hébergé
Posts: 376
Joined: Sat Jul 03, 2004 1:57 pm
Location: Mothership Earth
Contact:

Post by flyermoney » Wed Dec 16, 2009 2:47 pm

Encore des démos WebGL:

https://cvs.khronos.org/svn/repos/regis ... os/google/

Pour les voir, même motif, même punition: installer une nightly build de FireFox, puis activer le WebGL pour tous les sites, comme indiqué dans le post précédent.

Les démos suivantes sont à tester dans la nightly build de WebKit sur Mac OS X:

https://cvs.khronos.org/svn/repos/regis ... os/google/

Ceci dit, il faut activer WebGL en modifiant le fichier de configuration de WebKit dans le Terminal, puis relancer WebKit:

Code: Select all

defaults write com.apple.Safari WebKitWebGLEnabled -bool YES
Ça avance.
Le paradis, j'y entre quand j'veux.
T'façons, j'connais les videurs.

flyermoney
Hébergé
Hébergé
Posts: 376
Joined: Sat Jul 03, 2004 1:57 pm
Location: Mothership Earth
Contact:

Post by flyermoney » Fri Apr 02, 2010 3:12 pm

Dingue! Un port en HTML5 de Quake II, rendu en WebGL:

<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/XhMN0wlITLk&hl ... ram><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/XhMN0wlITLk&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>

Détails ici:

http://googlewebtoolkit.blogspot.com/20 ... lugin.html

Un peu poilu à faire tourner sur sa machine, il faut installer quelques librairies (OGG et LAME) et compiler la source, mais ça reste impressionnant!
Le paradis, j'y entre quand j'veux.
T'façons, j'connais les videurs.

...
...
Posts: 11342
Joined: Wed Apr 17, 2002 2:00 am
Contact:

Post by ... » Sat Apr 03, 2010 1:24 pm

21 fps sur une machine top burnée, ne tourne que dans les nighties
webkit/firefox... et pis en plus java to javascript.

posté vendredi sur nofrag
http://www.nofrag.com/2010/avr/02/34127/
I'm the voice inside your head you refuse to hear
I'm the face that you have to face, mirrorin' your stare
I'm what's left, I'm what's right, I'm the enemy

flyermoney
Hébergé
Hébergé
Posts: 376
Joined: Sat Jul 03, 2004 1:57 pm
Location: Mothership Earth
Contact:

Post by flyermoney » Fri Nov 19, 2010 9:00 am

Un peu hors contexte, mais pas loin, un eBook sur le Web, à lire sur le Web:
20 Thing I Learned About Browsers And The Web
http://www.20thingsilearned.com/html/1

Publié par l'équipe Chrome, ce eBook est entièrement réalisé en HTML5.

C'est bien, c'est beau, c'est bien beau!

Et puis: Not fucking one plug-in required.
Le paradis, j'y entre quand j'veux.
T'façons, j'connais les videurs.

...
...
Posts: 11342
Joined: Wed Apr 17, 2002 2:00 am
Contact:

Post by ... » Fri Nov 19, 2010 11:57 am

Bah, le HTML5 doit être implémenté d'ici... hmmm bientôt... ( http://ishtml5readyyet.com/ ) Only 4,060 days to go.
Lemme do the math for ya : 4060/365 : 11 ans et des bananes (donc pour 2022).

'faudrait pas être trop pressé non plus, je connais des montagnes de webdesign-machins qui arrivent même pas à faire le pas entre le html 4.1 et le xhtml 1.0...

...mais j'utilise le html5, moi, là où c'est marrant... (quoiqu'il y soit plus drôle de tester les conneries des CSS3 qui elles arriveront bieeeeen plus tôt)

Quant à moi, je vais prendre ce bouquin (donc) http://books.alistapart.com/products/cs ... -designers et je vais le lire
W3C validator wrote:Résultats de la validation W3C CSS de http://www.*************.com/****/index.php (CSS niveau 3)
Félicitations ! Aucune erreur trouvée.

Ce document est valide conformément à la recommandation CSS niveau 3 !
I'm the voice inside your head you refuse to hear
I'm the face that you have to face, mirrorin' your stare
I'm what's left, I'm what's right, I'm the enemy

Matt Aglap
Hébergé
Hébergé
Posts: 373
Joined: Thu Mar 31, 2005 10:09 pm
Location: pas loin

Post by Matt Aglap » Mon Nov 29, 2010 8:26 pm

Image
Un bouquin écrit par un Cédérom...j'aurais pas confiance moi :na:
"Si tous ceux qui croient avoir raison n'avaient pas tort, la vérité ne serait pas loin"
Pierre Dac

...
...
Posts: 11342
Joined: Wed Apr 17, 2002 2:00 am
Contact:

Post by ... » Mon Nov 29, 2010 8:31 pm

flyermoney wrote:Dingue! Un port en HTML5 de Quake II, rendu en WebGL:

<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/XhMN0wlITLk&hl ... ram><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/XhMN0wlITLk&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>

Détails ici:

http://googlewebtoolkit.blogspot.com/20 ... lugin.html

Un peu poilu à faire tourner sur sa machine, il faut installer quelques librairies (OGG et LAME) et compiler la source, mais ça reste impressionnant!
J'avais pas noté l'erreur de code html pour inclure une... anim' flash :mdr: :mdr: :mdr: :mdr:
I'm the voice inside your head you refuse to hear
I'm the face that you have to face, mirrorin' your stare
I'm what's left, I'm what's right, I'm the enemy

...
...
Posts: 11342
Joined: Wed Apr 17, 2002 2:00 am
Contact:

Post by ... » Fri Dec 17, 2010 1:12 pm

Bon, là ça devient intéressant.

http://www.chromeexperiments.com/webgl/

Tourne sans peine avec le beta 7 de FF4, Chrome 9 et les nightlybuilts des webkit... sans doute que IE9 Beta le fait tourner aussi...
I'm the voice inside your head you refuse to hear
I'm the face that you have to face, mirrorin' your stare
I'm what's left, I'm what's right, I'm the enemy

flyermoney
Hébergé
Hébergé
Posts: 376
Joined: Sat Jul 03, 2004 1:57 pm
Location: Mothership Earth
Contact:

Post by flyermoney » Thu Dec 23, 2010 3:06 pm

Excellente démo WebGL / HTML5 pour Firefox 4 beta:

http://videos.mozilla.org/serv/mozhacks ... navigator/

Très demo-scene des années 90, chouette musique, paysages sci-fi avec projections photo (en stream depuis flickr) et vidéo sur écrans géants, grandes bannières de texte défilant (en stream depuis twitter), bref assez impressionnant.
Le paradis, j'y entre quand j'veux.
T'façons, j'connais les videurs.

Post Reply