Connexion
Abonnez-vous

WebGL : Firefox 27 intégrera un éditeur complet pour les shaders

50 shades of Firefox

WebGL : Firefox 27 intégrera un éditeur complet pour les shaders

Le 13 novembre 2013 à 14h52

Google n’est pas le seul à penser aux développeurs avec la version 31 de Chrome. Mozilla prépare en effet un important ajout : un éditeur autorisant la programmation en direct de shaders. Une fonctionnalité qui se destine à ceux qui manipulent WebGL.

Les shaders sont des programmes dont on parle régulièrement dans l’univers des cartes graphiques car ils sont très utilisés pour les jeux. Ils sont en charge d’aspects très variés de l’affichage 3D puisque les développeurs vont en créer pour gérer l’ombrage, les jeux de lumière, la fumée et autre brouillard, ou encore tout un ensemble d’effets.

 

shader editor firefox

 

Bien que les shaders soient essentiellement dans ce type de contexte, les développeurs web peuvent s’y intéresser également depuis que WebGL se répand doucement. Ce lot d’API (interfaces de programmation) permet d’intégrer directement au sein de pages web des éléments 3D utilisant nativement une partie des capacités du GPU.

 

À partir de Firefox 27, qui sortira au début de l’année prochaine, les développeurs pourront trouver un nouvel outil à leur disposition. Nommé Shader Editor, il permettra d’écrire directement des lignes de code au sein du navigateur, mais avec plusieurs bénéfices. Le plus important est qu’ils n’auront pas besoin de rafraîchir quoi que ce soit : les résultats sont appliqués en direct, sans besoin d’une action supplémentaire ni interruption d’une animation en cours.

 

 

Cela signifie que le développeur peut tout à fait charger une animation de démonstration sur une page et commencer à appliquer à effets en « live », comme le montre d’ailleurs la vidéo. Comme le précise Mozilla sur son blog, le code commence à être compilé dès que le développeur arrête d’écrire. En cas d’erreur, l’animation en cours n’est pas affectée et les éléments incriminés sont surlignés en rouge dans le code.

 

Mozilla indique que sa solution ne devrait avoir aucun impact sur les performances WebGL. L’éditeur se trouve dans les outils pour développeurs, auxquels on accède comme d’habitude via la touche F12 sous Windows et Linux, ou CMD + SHIFT + I sous OS X. Notez cependant que comme le navigateur Firefox 27 lui-même, ces outils sont en cours de développement. Comme indiqué plus haut dans l’actualité, il faudra attendre début 2014 pour voir arriver la version finale.

 

Comme toujours, il est possible de récupérer une préversion de Firefox 27 en avance. Cette mouture est actuellement dans le canal de distribution Aurora et peut donc contenir de nombreux bugs. Cette version passera officiellement en bêta quand Firefox 26 sera disponible, soit dans quelques semaines. Pour rappel, l’installation d’une version Aurora n’écrase pas le Firefox déjà installé, mais en parallèle.

 

Enfin, ceux qui souhaitent en savoir davantage sur le Shader Editor pourront lire le billet complet de Mozilla sur le sujet.

Commentaires (19)

Vous devez être abonné pour pouvoir commenter.

Abonnez-vous
votre avatar

Cool <img data-src=" />

votre avatar

cool <img data-src=" />

votre avatar

Et ils ne pensent pas qu’à la 3D, un éditeur d’animations CSS est prévu..

votre avatar

<img data-src=" /> MOZILLA! <img data-src=" /> <img data-src=" />



je vais finir pas croire que Dieu est un informaticien <img data-src=" />









zefling a écrit :



Et ils ne pensent pas qu’à la 3D, un éditeur d’animations CSS est prévu..







C’est trop beau j’en pleure <img data-src=" /> <img data-src=" />


votre avatar







nlougne a écrit :



C’est trop beau j’en pleure <img data-src=" /> <img data-src=" />







<img data-src=" />



Heu, faut pas abuser non plus. Mais qu’est-ce que ça va faciliter l’édition des animations.


votre avatar



50 shades of Firefox



<img data-src=" />

votre avatar

Firefox éditeur 3D et CSS… mais toujours pas d’implémentation du HTCPCP.

votre avatar

Vraiment sympas. Ça me donne presque envie de me mettre au WebGL ^

votre avatar

WebGl c’est vraiment super pratique (dommage que ça ne soit encore que du vieux openGL ES 2 ) : un éditeur de texte, un navigateur et c’est parti! Avec des lib comme three.js vous pouvez faire en quelque lignes de code des trucs super sympathique <img data-src=" />

votre avatar

Mozilla, je vous aime !

votre avatar

C’est très sympa et très bien pour les développeurs. Je l’utiliserai vraisemblablement.



Mais cela concerne quel pourcentage d’utilisateurs et consume combien de ressoures de développement alors que des choses comme -juste par exemple- la gestion des bookmarks et de l’historique pourraient être grandement améliorées ?! Les fonctions de tous les jours qui vous font dire “ah zut, ça je ne peux pas le faire ou pas facilement”.

votre avatar







psn00ps a écrit :



Firefox éditeur 3D et CSS… mais toujours pas d’implémentation du HTCPCP.







C’est inacceptable, il n’y a pas de Hyper Text Tea Pot Control Protocol. <img data-src=" />







Holly Brius a écrit :



WebGl c’est vraiment super pratique (dommage que ça ne soit encore que du vieux openGL ES 2 ) : un éditeur de texte, un navigateur et c’est parti! Avec des lib comme three.js vous pouvez faire en quelque lignes de code des trucs super sympathique <img data-src=" />







Avec WebGL2 y’a pas des nouveautés ?


votre avatar







nlougne a écrit :



<img data-src=" /> MOZILLA! <img data-src=" /> <img data-src=" />



je vais finir pas croire que Dieu est un informaticien <img data-src=" />







C’est trop beau j’en pleure <img data-src=" /> <img data-src=" />







Je pige pas votre engouement pour cette news, y’a deja 400 sites qui proposent de faire la meme chose (depuis les debuts de webgl)…

Alors ok, c’est cool que ce soit directement integré au browser, mais du coup c’est ni un exploit, ni un gain colossale de temps… <img data-src=" />


votre avatar







vloz a écrit :



Je pige pas votre engouement pour cette news, y’a deja 400 sites qui proposent de faire la meme chose (depuis les debuts de webgl)…

Alors ok, c’est cool que ce soit directement integré au browser, mais du coup c’est ni un exploit, ni un gain colossale de temps… <img data-src=" />







Tu aurais un lien ?

Je n’ai jamais entendu parlé de cela.


votre avatar







Eone a écrit :



Tu aurais un lien ?

Je n’ai jamais entendu parlé de cela.







Y’a quand même une différence entre faire ça un site et faire ça en natif. Surtout pour du contenu généré sur son propre site. Qui irait aujourd’hui éditer son CSS en passant par un autre site. Pour le JS, quand il s’agit de trucs intégrés dans son site c’est chiant, pour du stand-alone, ça ne pose pas trop de problèmes de passer par un outil externe.


votre avatar







zefling a écrit :



Y’a quand même une différence entre faire ça un site et faire ça en natif.





Qu’est ce qui te dit c’est du natif? Les plugin gecko à ma connaissance les 34 du temps c’est du html+js…

Et y’a pas besoin de plus pour tester/concevoir des shader, meme les plus élaboré! :o


votre avatar







Eone a écrit :



Tu aurais un lien ?

Je n’ai jamais entendu parlé de cela.





http://glsl.heroku.com/

https://www.shadertoy.com



Par exemple mais y’en a plein d’autre, bon du coup ce sera probablement mieux integré


votre avatar







SFX-ZeuS a écrit :



https://www.shadertoy.com







Ravis de voir la direction qu’a pris ce site. iq est toujours aussi monstrueux dans le domaine à se que je vois <img data-src=" />


votre avatar

Bien ce que je pensais. Sauf erreur de ma part, aucun de ces sites ne permet réellement de modifier les shaders à la volé. Une modification dans le code remet à 0 la vue.



Ils sont très utile, mais l’éditeur de Shader de Firefox va plus loin que cela. Il permet de modifié le code et de voir son impact en direct, avec la même facilité que l’on aurais pour modifier une marge css ou une couleur de lien.



Donc non, ce n’est pas un exploit, vloz, mais c’est quand même une belle avancé.

WebGL : Firefox 27 intégrera un éditeur complet pour les shaders

Fermer