3D CSS
Moderators:DFs, Psycho_Guanac
-
- Hébergé
- Posts:376
- Joined:Sat Jul 03, 2004 1:57 pm
- Location:Mothership Earth
- Contact:
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:)
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.
T'façons, j'connais les videurs.
-
- Hébergé
- Posts:376
- Joined:Sat Jul 03, 2004 1:57 pm
- Location:Mothership Earth
- Contact:
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:
Ça avance.
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
Le paradis, j'y entre quand j'veux.
T'façons, j'connais les videurs.
T'façons, j'connais les videurs.
-
- Hébergé
- Posts:376
- Joined:Sat Jul 03, 2004 1:57 pm
- Location:Mothership Earth
- Contact:
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!
<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.
T'façons, j'connais les videurs.
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/
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
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
-
- Hébergé
- Posts:376
- Joined:Sat Jul 03, 2004 1:57 pm
- Location:Mothership Earth
- Contact:
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.
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.
T'façons, j'connais les videurs.
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
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
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
-
- Hébergé
- Posts:373
- Joined:Thu Mar 31, 2005 10:09 pm
- Location:pas loin
J'avais pas noté l'erreur de code html pour inclure une... anim' flashflyermoney 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!
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
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
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...
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
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
-
- Hébergé
- Posts:376
- Joined:Sat Jul 03, 2004 1:57 pm
- Location:Mothership Earth
- Contact:
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.
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.
T'façons, j'connais les videurs.