Technologie· 8 min de lecture

Sites 3D avec VULK : ce que fait vraiment le pipeline, du prompt au GLB

Comment VULK construit des sites 3D : Three.js et React Three Fiber dans le code, des modèles GLB à partir d''une photo ou d''une phrase, avec versions et chiffres.

João CastroJoão Castro
Sites 3D avec VULK : ce que fait vraiment le pipeline, du prompt au GLB

Vérifié le 10 octobre 2026, sur le code que VULK fait tourner aujourd'hui et sur ses données de production.

« Site 3D » peut vouloir dire n'importe quoi, d'un logo qui tourne à un jeu. Cet article dit exactement ce que fait VULK quand tu en demandes un, quelles bibliothèques se retrouvent dans ton projet, comment un modèle 3D est fabriqué, combien de temps cela prend et ce que ça coûte en crédits.

Sous le mot « 3D », il y a deux choses différentes dans VULK, et elles ne se paient pas de la même façon :

  1. Des scènes 3D en code. Le site lui-même dessine en 3D : un produit qui tourne quand tu fais défiler la page, un hero qui suit ton pointeur, une scène plein écran.
  2. Des modèles 3D faits pour toi. Un vrai fichier de modèle (GLB) d'un objet que tu décris ou que tu photographies, généré puis placé dans la scène.

Les bibliothèques dans ton projet

Quand un projet a besoin de 3D, le générateur ajoute trois paquets d'exécution, à des versions figées en un seul endroit pour que l'aperçu et le code exporté correspondent :

Paquet Version
three 0.185.1
@react-three/fiber 9.6.1
@react-three/drei 10.7.7
@types/three 0.185.0

Les projets sans 3D ne reçoivent pas du tout ces paquets. Une landing page qui ne dessine pas en 3D ne paie pas le coût de téléchargement d'un moteur 3D.

Le site autour de la scène est le même projet React et Vite que VULK construit pour n'importe quel site web, avec GSAP pour le mouvement. Quand la vue 3D est le produit entier, comme pour un jeu ou un simulateur, VULK passe à une mise en page plein écran dite « stage », où la scène occupe tout le viewport. Dans cette mise en page, un seul fichier du projet a le droit d'importer Three.js, React Three Fiber ou Drei, ce qui garde le code 3D à un seul endroit, facile à trouver et à modifier.

Comment un modèle 3D est fabriqué

C'est la partie que la plupart des promesses « texte vers 3D » passent sous silence, alors voici le vrai chemin.

Le modèle est fait à partir d'une image. VULK envoie l'image à Hunyuan 3D Pro 3.1 de Tencent et reçoit un fichier GLB avec ses matériaux. Si tu décris l'objet avec des mots, VULK crée d'abord une photo de référence avec son modèle d'image par défaut (Gemini 3.1 Flash Image), puis construit le maillage à partir de cette photo. Si tu joins ta propre photo, c'est elle qui sert de source. Autrement dit, dans VULK, « texte vers 3D » veut dire texte vers photo vers modèle, et tu peux voir la photo dont le modèle est issu.

Tu peux choisir la finition et la pose d'un objet quand tu le demandes. Quand tu demandes plus tard de modifier un objet, VULK crée un nouvel objet à partir de la photo qui a servi à construire son parent, donc l'original n'est pas perdu.

Ensuite, le fichier est préparé pour le web. Chaque modèle passe par la même étape de finition, avec @gltf-transform/cli 4.5.0 :

  • Les textures sont réencodées en WebP sans perte, pour que les normal maps et les roughness maps ne récupèrent pas d'artefacts de compression.
  • La géométrie est compressée avec Draco, en quantifiant les positions sur 16 bits, les normales sur 12 et les coordonnées de texture sur 14.
  • La taille des textures est conservée telle que livrée, et le nombre de triangles n'est pas réduit. La simplification, même avec un réglage d'erreur minuscule, plissait visiblement les panneaux lisses peints, donc l'étape de finition garde la géométrie source.

Puis il est vérifié. Le fichier doit être un GLB valide qui contient réellement de la géométrie. Ensuite, un modèle de planification (GPT-6.1 Sol) écrit ce qu'il faut inspecter, un modèle de vision distinct (Gemini 3.7 Flash) regarde les images, et une règle fixe dans le code prend la décision finale. Une tâche a droit à trois tentatives payantes au maximum ; elle ne tente jamais une quatrième fois en silence.

Combien de temps ça prend, mesuré

D'après les données de production, lues le 10 octobre 2026 : entre le 11 septembre et le 8 octobre 2026, la tâche de modèle aboutie médiane a pris 485 secondes, environ huit minutes, entre sa création et sa dernière mise à jour.

Une fois un modèle terminé, tu peux aussi le télécharger en fichier GLB depuis sa ligne dans la carte du projet et l'utiliser ailleurs.

Ce que ça coûte

  • Builder n'inclut pas la 3D, ni les scènes en code ni les modèles générés. La carte du plan affiche la ligne comme non incluse.
  • Pro, Max, Team, Business et Enterprise incluent les deux.
  • Un modèle 3D généré coûte 30 crédits VULK. Le nombre d'objets qu'un projet peut contenir dépend de ton solde de crédits, pas d'une limite fixe de trois ou quatre par site.

Les prix des plans sont sur la page des tarifs : Builder coûte 19,99 $ par mois, Pro 39,99 $ et Max 199 $, relevés le 10 octobre 2026.

Ce qui se passe sur un appareil qui ne peut pas afficher la 3D

Tous les visiteurs n'ont pas WebGL. Quand il manque, la scène affiche un repli conçu exprès, un fond coloré aux teintes du site, au lieu d'un rectangle vide. Les scènes respectent le réglage de réduction des animations du visiteur, et elles s'affichent avec une densité de pixels plus faible sur les écrans de moins de 768 pixels de large.

Tu peux aussi retirer la 3D d'un projet que tu as déjà. Demander à VULK de l'enlever retire le runtime 3D et adapte les pages qui l'utilisaient, au lieu de laisser des imports cassés derrière lui.

Les jeux : ce qui existe

On demande souvent des jeux à VULK, alors il vaut la peine de séparer ce que fait le produit de ce qui se trouve dans la vitrine.

Dans le produit : un jeu est un projet 3D en mode stage. Les petits jeux peuvent aussi tourner directement dans le chat sous forme de pièce HTML autonome, limitée à 64 Ko et affichée dans un cadre isolé (sandbox) qui ne peut pas atteindre la page autour.

Dans la vitrine : Rutura est un jeu d'aventure que notre équipe a construit et publié comme création originale de la vitrine. Ses deux personnages sont de vrais modèles skinnés servis depuis le site : le fichier du ranger fait 10 237 204 octets, avec 174 688 triangles et un squelette de 52 articulations, et chaque personnage a trois clips d'animation.

Projets 3D publics que tu peux ouvrir

Ce sont des projets de la vitrine, construits et publiés par notre équipe. Ouvre-les sur un ordinateur portable et sur un téléphone pour voir comment une scène se comporte sur les deux :

  • Unfold, un objet vu sous tous les angles.
  • Ossa, des enceintes en pierre dans une scène React Three Fiber.
  • Rutura, l'aventure décrite plus haut.
  • Miso, un petit chat dans un monde cinétique.

Le catalogue complet est dans la vitrine, filtré par catégorie.

Questions fréquentes

Quelle bibliothèque 3D VULK utilise-t-il ?

Three.js 0.185.1 avec React Three Fiber 9.6.1 et Drei 10.7.7. Elles ne sont ajoutées qu'aux projets qui dessinent en 3D.

VULK peut-il créer un modèle 3D à partir d'une photo ?

Oui. Joins la photo et VULK construit le modèle à partir d'elle avec Hunyuan 3D Pro 3.1. À partir d'une description textuelle, VULK crée d'abord une photo de référence et construit à partir de celle-ci.

Combien de temps prend un modèle ?

La tâche aboutie médiane entre le 11 septembre et le 8 octobre 2026 a pris 485 secondes, environ huit minutes.

De quel plan ai-je besoin pour la 3D ?

Pro ou supérieur. Builder n'inclut ni les scènes 3D ni les modèles générés. Chaque modèle généré coûte 30 crédits.

Publié par João Castro · 8 min de lecture

À lire ensuite

Tous les articles →
Support VULK

En ligne

Bonjour ! Comment puis-je t'aider aujourd'hui ?

Sujets populaires

Support IA • support.vulk.dev