Developpez.com

Plus de 14 000 cours et tutoriels en informatique professionnelle à consulter, à télécharger ou à visionner en vidéo.

CSS Shaders : le futur standard qui repousse les limites des animations CSS3
Proposé au W3C par Adobe, Opera et Apple

Le , par Idelways, Expert éminent sénior
L'émergence d'une concurrence féroce après des années de domination libère bien souvent l'innovation, et c'est vraiment ce qui arrive pour Adobe.
L'entreprise, qui a du mal à contrer la montée en puissance du HTML5 face à Flash, déclare l'amour à l'autre monde et veut même arracher une place parmi les leaders des standards Web.

À l'occasion de la conférence annuelle Adobe Max, la firme de San José a dévoilé les CSS Shaders, une proposition technologique développée en collaboration avec Opera et Apple.

Ce futur standard vient d'être soumis au W3C FX pour apporter aux CSS (feuilles de styles en cascade) des capacités 3D normalisées. La proposition définit un mécanisme extensible d'effets de filtres avancés, qui pourront être appliqués à tous les éléments HTML5.

Les Shaders sont de petits programmes qui s'exécutent sur les processeurs graphiques (GPU) afin de calculer le rendu des pixels à l'écran. Ils sont utilisés par les applications et jeux qui nécessitent souvent d'intenses productions graphiques.

Adobe présente quelques-uns d'entre eux sur des éléments HTML. On y retrouve des pages d'un livre qui se tournent, des cartes qui se froissent et un flux Twitter qui se replie dans tous les sens (voir source).



Adobe implémente sa vision des CSS Shaders sur le moteur de rendu WebKit, utilisé par Chrome et Safari, mais aussi sur sa plateforme AIR qui atteint aujourd’hui la version 3.

Ces filtres viendront se combiner aux animations et transitions CSS, ainsi qu'à une autre technologie d’effet de filtres, préalablement proposée au W3C et actuellement au stade de premier Draft.



Toutes combinées, ces technologies promettent de faire des merveilles. Au point de rendre l'utilisation de Photoshop caduque pour le développeur Web ?

Un jour peut-être...

Détails de la proposition sur le site du W3C

Source : site officiel

Et vous ?

Que pensez-vous des CSS Shaders ?


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de alex_vino alex_vino - Membre émérite http://www.developpez.com
le 05/10/2011 à 21:48
Interessant
Avatar de camus3 camus3 - Membre éprouvé http://www.developpez.com
le 06/10/2011 à 8:49
Toutes combinées, ces technologies promettent de faire des merveilles. Au point de rendre l'utilisation de Photoshop caduque pour le développeur Web ?

Ah , c'est pour cela qu'aujourd'hui , tout les sites internets ressembles à des blogs wordpress mis en page en 2 minutes ? parce que les développeurs se prennent pour des graphistes ?
Avatar de grunk grunk - Modérateur http://www.developpez.com
le 06/10/2011 à 10:06
Au point de rendre l'utilisation de Photoshop caduque pour le développeur Web ?

Je vois pas bien le rapport entre les shaders et l'utilisation de photoshop. Il faudra toujoursun graphiste pour faire la jolie texture à laquelle on va appliquer une transition/effet 3D.

Que pensez-vous des CSS Shaders ?

une proposition intéressante si elle venait à être accepté par le W3c et à se démocratiser. Ca ouvrirait très certainement de nouvelles possibilités aux jeux dans les navigateur.
Avatar de Idelways Idelways - Expert éminent sénior http://www.developpez.com
le 06/10/2011 à 10:42
Bonjour,

Citation Envoyé par grunk  Voir le message
Je vois pas bien le rapport entre les shaders et l'utilisation de photoshop. Il faudra toujoursun graphiste pour faire la jolie texture à laquelle on va appliquer une transition/effet 3D.

Les textures sont la plupart du temps créés en appliquant des effets et déformations sur des images de base. C'est ces capacités que sont entrain d'acquérir les navigateurs.

Cordialement
Idelways
Avatar de iliak iliak - Membre régulier http://www.developpez.com
le 07/10/2011 à 11:23
Ça va permettre à OpenGL et surtout WebGL de percer d'avantage tout ça ! C'est bien
Avatar de ernestrenan ernestrenan - Membre régulier http://www.developpez.com
le 08/10/2011 à 18:56
ouais super maintenant on aura des pages qui vont mettre 5mins à charger avec des éléments qui volent dans tous les sens en faisant des triples saltos arrières.....

Je trouve que c'est d'un intérêt particulièrement limité : ça va ouvrir à tout le monde des technos qui devraient se cantonner à de domaines particuliers (graphisme, simulations, jeux etc.)
Avatar de OddAnt OddAnt - Membre à l'essai http://www.developpez.com
le 14/10/2011 à 14:10
entre le box-shadow, le border-radius, le text-shadow, les woffs, les multiple background, les transitions et l'arrivée des filtres, je dis oui ! l'utilisation de photoshop pour le rendu des pages devient de plus en plus inutile
Avatar de OddAnt OddAnt - Membre à l'essai http://www.developpez.com
le 14/10/2011 à 17:18
Citation Envoyé par ernestrenan  Voir le message
ouais super maintenant on aura des pages qui vont mettre 5mins à charger avec des éléments qui volent dans tous les sens en faisant des triples saltos arrières.....

Je trouve que c'est d'un intérêt particulièrement limité : ça va ouvrir à tout le monde des technos qui devraient se cantonner à de domaines particuliers (graphisme, simulations, jeux etc.)

Peux-tu expliquer le rapport avec le temps de chargement des pages ? en quoi télécharger quelques octets de css (comparé à des images qui font souvent plusieurs kilo) va avoir une influence sur le rendu des pages web ?
c'est justement l’intérêt des standards, réduire les payloads tout en donnant aux pages une séduction visuelle.
De plus si tu avais bien lu l'article, on fait référence aux shaders, des instructions bénéficiant de la puissance de calcul de nos chers cartes graphiques donc permettant un rendu plus rapide et surement plus joli (certes avec des "triples saltos" si tu penses aux sites promotionnels des derniers jeux de shoot cartooné bourré d'effets mais après faut savoir être raisonnable )
Offres d'emploi IT
INGENIEUR RECHERCHE ET DEVELOPPEMENT
CJS - Ile de France - Paris
FR-ATS Rennes- Ingénieur Réseau (H/F)
Atos Technology Services - Bretagne - Rennes (35000)
Développeur LIFERAY confirmé à sénior
DEVOTEAM SA - Ile de France - Clamart (92140)

Voir plus d'offres Voir la carte des offres IT
Contacter le responsable de la rubrique Accueil