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.
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)
#1
Cool
" />
#2
cool
" />
#3
Et ils ne pensent pas qu’à la 3D, un éditeur d’animations CSS est prévu..
#4
je vais finir pas croire que Dieu est un informaticien
#5
#6
50 shades of Firefox
#7
Firefox éditeur 3D et CSS… mais toujours pas d’implémentation du HTCPCP.
#8
Vraiment sympas. Ça me donne presque envie de me mettre au WebGL ^
#9
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
" />
#10
Mozilla, je vous aime !
#11
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”.
#12
#13
#14
#15
#16
#17
#18
#19
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é.