Blend4Web n'est plus développé depuis des années, et pourtant des gens s'en servent encore. J'en fais partie. En mars 2020, j'ai ouvert un serveur Discord pour réunir ceux qui continuent à publier des scènes 3D sur le web avec ce moteur. On y partage du code, des matériaux, des projets terminés et beaucoup d'entraide. Si vous utilisez encore Blend4Web, vous n'êtes pas seul : rejoignez la communauté sur Discord.
Dans cet article, je vous présente le moteur, ce qu'il vaut encore aujourd'hui, ce que la communauté a construit avec, et pourquoi je pense que le WebGL a un vrai avenir dans un secteur précis : la bijouterie.
Blend4Web, c'est quoi ?
Blend4Web est un moteur WebGL open source pensé pour Blender. On modélise, on éclaire et on anime sa scène dans Blender, puis l'extension l'exporte en une application qui tourne directement dans le navigateur, sans plugin. Les interactions s'écrivent en JavaScript grâce à l'API du moteur (modules de scène, de transformation, de caméra, de géométrie…).
Ses points forts ont toujours été les mêmes :
- Le rendu fidèle à Blender : les matériaux à nœuds, l'éclairage et les animations passent du logiciel au navigateur sans tout refaire.
- Le gestionnaire de projets du SDK, qui crée, compile, importe et exporte des projets complets, avec des démos à disséquer.
- Le poids des scènes : bien optimisé, un projet Blend4Web charge vite, même riche en détails.
Peut-on encore utiliser Blend4Web en 2026 ?
Oui, à condition d'en connaître les limites. La plus importante : Blend4Web ne fonctionne qu'avec Blender 2.79. Il n'est pas compatible avec Blender 2.8 et les versions suivantes, et le moteur ne reçoit plus de mises à jour officielles. Concrètement, il faut garder une installation de Blender 2.79 dédiée à ces projets.
Ce qui marche toujours très bien : les visionneuses de produits, les configurateurs, les petites scènes pédagogiques et les mini-jeux. Les membres du Discord publient encore des projets qui tournent sur ordinateur comme sur mobile, sous Chrome et Firefox.
Ce qui demande de la prudence : les appareils et navigateurs récents peuvent réserver des surprises (une scène qui s'affiche sombre sur un téléphone et parfaitement sur un autre), et un vieux PC peut perdre le contexte WebGL et figer la page. Testez toujours sur plusieurs appareils avant de livrer.
Une communauté Discord toujours active
J'ai créé le serveur le 8 mars 2020 avec une idée simple : rassembler au même endroit les liens utiles, les téléchargements et les tutoriels, et permettre à chacun de proposer les siens. Six ans plus tard, la discussion continue. Des utilisateurs de longue date y répondent aux questions, testent les projets des autres et relisent le code.
Le serveur s'organise autour de quelques usages :
- Les ressources utiles : manuel officiel, documentation de l'API, tutoriels de la communauté, chaînes YouTube consacrées à Blender et Blend4Web, guides d'optimisation WebGL.
- Le partage de projets : chacun publie ses scènes terminées ou en cours, avec un lien pour les tester dans le navigateur.
- L'entraide technique : bugs, optimisation, choix techniques, retours de tests sur mobile.
- La veille : Three.js, Verge3D, compression des textures, nouveaux outils de création de matériaux.
Rejoindre le Discord Blend4Web : c'est gratuit, et les débutants sont les bienvenus.
Des projets créés par les membres
Le meilleur argument pour Blend4Web, ce sont les projets que la communauté continue de publier. En voici quelques-uns.
Balance, un jeu rétro jouable sur mobile
En octobre 2026, stewet, enseignant et membre de la première heure, a publié Balance, un jeu rétro mis en scène dans une boîte de football miniature tenue en main. Il fonctionne sur mobile (testé sous Firefox et Chrome) avec un mode plein écran, et une version allemande a été ajoutée le jour même de la sortie.
Avant lui, stewet a réalisé tout un ensemble de scènes pédagogiques pour ses élèves : expérience d'Oersted, moteur électrique, LED, ampoule, éolienne, multimètre, courbe sinusoïdale, histoire de l'électrotechnique, et même la galerie d'art de son école. Son jeu Matchbox a été mis au point avec l'aide des autres membres, qui ont relevé les bugs un par un.
Tea Time et le travail des matériaux
blend4life, l'un des membres les plus actifs, a publié plusieurs scènes devenues des références sur le serveur, dont « Tea Time », un service à thé en céramique décorée. Il a partagé le montage de nœuds du matériau céramique et ses textures (cubemap, décor, normales) pour que chacun puisse le réutiliser.
The Train, la preuve qu'une scène détaillée peut rester légère
Son projet « Train » a servi d'exemple dans une discussion sur le poids des scènes : environ 21 Mo pour un modèle très détaillé, contre 56 Mo pour un simple casque publié avec un autre moteur et repéré sur un site. La différence tient à l'optimisation, notamment à l'instanciation des éléments répétés.
Bijoux et configurateurs
blend4life a aussi publié « Jewelry », une bague en or sertie de diamants, et partagé son matériau diamant, prêt à importer depuis le gestionnaire de projets. De mon côté, j'ai réalisé fin 2020 un configurateur de bague (vibranium, quartz ou diamant) intégré à une boutique Shopify, sans iframe, puis en janvier 2021 un autre projet avec gravure en temps réel. J'y reviens plus bas.
Ce que la communauté s'échange : astuces techniques
Au fil des discussions, le serveur est devenu une petite base de connaissances. Quelques exemples de sujets traités :
- Animer les textures : un fil des développeurs de Blend4Web montre les montages de nœuds pour animer les coordonnées UV (écoulement d'eau, liquide dans une carafe, anneau lumineux). Un membre a aussi partagé des fonctions JavaScript pour faire défiler, zoomer, tourner ou projeter des coordonnées de texture par script.
- Alléger une grande scène : instancier tout ce qui se répète (murs, colonnes, chaises, bancs), utiliser les niveaux de détail, et passer aux particules quand le nombre d'objets devient très grand. Les démos Flight Over Island et Petigor servent de modèles.
- Découper un projet : la démo « cartoon_interior » du gestionnaire de projets montre comment charger des objets depuis des fichiers séparés.
- Les pièges du JavaScript : ne jamais tester l'égalité stricte entre nombres à virgule (préférer des intervalles), vérifier ses quaternions de caméra, simplifier la récupération des valeurs (
get_translation(obj)plutôt que deux syntaxes mélangées). - L'ergonomie des projets : réglage du volume, texte lisible sur petit écran, son lancé seulement après une action de l'utilisateur.
Blend4Web, Verge3D ou Three.js : que choisir aujourd'hui ?
C'est la question qui revient le plus souvent sur le serveur, et les membres y répondent sans parti pris.
- Blend4Web reste pertinent si vous maîtrisez déjà Blender 2.79 et ses outils, ou si vous maintenez des projets existants. Il est gratuit et open source, mais figé.
- Verge3D, développé par Soft8Soft, en est la suite la plus proche : on y retrouve une logique très similaire et la compatibilité avec les versions récentes de Blender. Une licence est nécessaire pour un usage commercial.
- Three.js offre les technologies les plus récentes (compression des modèles avec Draco, textures compressées au format Basis, format glTF) mais demande davantage de code. Pour ceux qui viennent de React, React Three Fiber et Drei simplifient beaucoup le travail. Plusieurs membres sont passés à Three.js, ce qui n'empêche pas de continuer à échanger sur le Discord.
Mon conseil : pour un projet neuf et commercial, partez sur un outil maintenu. Pour apprendre le temps réel, tester une idée ou reprendre un ancien projet, Blend4Web reste un excellent terrain de jeu.
Le WebGL pour la bijouterie : configurateurs 3D
C'est le sujet que je veux développer dans les années qui viennent, et nous avons déjà réalisé plusieurs configurateurs d'alliances, dont vous voyez ici des captures. Un bijou se vend sur des détails : la couleur du métal, la forme de la pierre, la finition, la gravure. Une photo montre une seule combinaison. Un configurateur 3D les montre toutes, et laisse le client faire tourner la bague sous tous les angles avant d'acheter.
J'en parlais dans cette vidéo, à partir de la boutique d'un bijoutier suisse où l'on personnalise sa bague en 3D temps réel :
Ce qu'un configurateur de bijoux permet concrètement :
- Choisir le métal (or jaune, rose, blanc, bicolore) et voir le rendu immédiatement.
- Changer la pierre et le sertissage, avec un matériau diamant crédible en temps réel.
- Prévisualiser une gravure avant la commande.
- Partager ou télécharger la création pour la montrer à un proche ou au bijoutier.
Il y a aussi un intérêt publicitaire. En 2021, j'ai réalisé une annonce display en 3D avec Google Web Designer à partir d'un fichier glTF. Un modèle de bijou créé pour le configurateur peut donc servir une deuxième fois en publicité : le temps passé à le modéliser se rentabilise sur plusieurs supports.
Les points à soigner sont toujours les mêmes : un modèle léger pour que la page charge vite sur mobile, des matériaux métal et diamant réalistes, et une intégration propre à la boutique en ligne. Si vous êtes bijoutier, créateur ou e-commerçant et que le sujet vous intéresse, parlons de votre projet de configurateur 3D. Vous pouvez aussi consulter ma prestation scénario interactif avec WebGL et Three.js pour le web.
Comment rejoindre la communauté
- Ouvrez le lien d'invitation : discord.gg/HTSJhEX.
- Présentez-vous en quelques mots et dites sur quoi vous travaillez.
- Parcourez le salon des ressources utiles : manuel, documentation de l'API, tutoriels, matériaux à importer.
- Partagez vos projets, même en cours : les retours des membres font gagner beaucoup de temps.
Les échanges se font surtout en anglais.
Questions fréquentes
Blend4Web est-il encore maintenu ?
Non, le moteur ne reçoit plus de mises à jour officielles. Il reste utilisable avec Blender 2.79, et la communauté continue de s'entraider pour le faire tourner.
Blend4Web fonctionne-t-il avec Blender 4 ?
Non. Blend4Web n'est compatible qu'avec Blender 2.79. Pour travailler avec une version récente de Blender, tournez-vous vers Verge3D ou vers un export glTF exploité avec Three.js.
Une scène Blend4Web fonctionne-t-elle sur mobile ?
Oui, plusieurs projets récents de la communauté tournent sur téléphone. Testez toutefois sur plusieurs appareils et navigateurs, car le rendu peut varier d'un modèle à l'autre.
Le Discord est-il réservé aux experts ?
Non. Les débutants y posent leurs questions, et les membres expérimentés prennent le temps de répondre et de relire le code.
Peut-on faire un configurateur de bijoux en WebGL ?
Oui, c'est même l'un des usages les plus convaincants du WebGL : choix du métal, de la pierre, gravure et rotation à 360° directement sur la fiche produit. Contactez-moi pour en discuter.
Si vous vous intéressez aussi à l'IA appliquée à la 3D, lisez mon retour d'expérience Claude et Blender : ce que l'IA sait (et ne sait pas encore) faire en 3D.
