Objets 3D pour en-têtes de sites (GLB pour Spline, Three.js et model-viewer)

Ce pack s’adresse aux designers et aux développeurs qui veulent un objet 3D dans l’en-tête d’une page d’accueil, d’un portfolio ou d’une page produit, sans le modéliser eux-mêmes. Chaque objet est une forme douce et mate, d’une seule couleur, prête à tourner lentement à côté d’un titre avec model-viewer ou three.js, ou à être importée dans un outil 3D du navigateur comme Spline ou Vectary. Les objets partagent une palette, une échelle et une origine communes : vous pouvez en changer sans retoucher la mise en page.

• 10 objets, chacun en deux fichiers GLB, soit 20 GLB :
  • glb/ : les 10 objets compressés en Draco, la version la plus légère pour le web ;
  • glb-uncompressed/ : les 10 mêmes objets sans compression, pour les outils qui ne lisent pas le Draco.
• Un fichier source Blender (blend/organic-3d-header-objects.blend) : les 10 objets alignés et les 5 matières de la palette.
• 10 aperçus PNG (previews/) : un rendu de trois quarts par objet, sur fond transparent, à utiliser comme image d’attente pendant le chargement du modèle.
• La palette des 5 matières (materials/palette.json) : nom, couleur, aspect métallique et rugosité de chacune.
• Un guide d’intégration (docs/integration.txt, en anglais) : un exemple d’en-tête avec model-viewer, une page three.js complète, l’import dans les outils de design et la palette.

Organisation de l’archive :

glb/<objet>.glb
glb-uncompressed/<objet>.glb
blend/organic-3d-header-objects.blend
previews/<objet>.png
materials/palette.json
docs/integration.txt

Les mêmes règles pour chaque objet

• Même échelle : chaque objet tient dans un cube d’un mètre de côté, sa plus grande dimension vaut exactement 1, et son origine est au centre de son volume. Un objet large, comme le nuage ou le ruban vrillé, est donc moins haut que le champignon.
• Un seul maillage, une seule matière : aucune texture et aucune coordonnée UV. La couleur se change en une ligne, après le chargement ou dans le fichier Blender.
• Des surfaces fermées : chaque maillage est fermé, normales tournées vers l’extérieur. Les galets empilés sont 3 galets fermés distincts.
• Une palette commune : sable, terre cuite, sauge, encre et nacre. Chaque objet porte l’une de ces matières, décrite dans palette.json.

À savoir avant d’acheter

• Un petit assortiment. 10 objets cohérents entre eux, pas une grande bibliothèque.
• Des formes lisses, pas du low-poly. Les objets comptent de 10 658 à 20 000 triangles : ils sont faits pour un ou deux objets en vedette dans un en-tête, pas pour remplir une scène de centaines d’instances.
• Contraste sur fond clair. Le sable et la nacre ressortent peu sur un en-tête blanc ou très clair : passez-les en encre, ou dans l’une de vos couleurs, sur ce type de fond. Sur fond sombre, l’encre est la matière la moins contrastée.
• Aucune texture. Les couleurs viennent de matières unies : pour peindre un motif, il faut d’abord ajouter vous-même des coordonnées UV.

Fabrication et IA

La provenance de chaque objet figure dans le tableau ci-dessus.

• 6 objets modélisés par script dans Blender, sans génération par IA : galets empilés, grappe de cristaux, pomme de pin, ruban vrillé, bouton de fleur et poire. Leur forme vient d’un script Blender, écrit avec un assistant d’IA de code puis relu.
• 4 objets générés par IA puis nettoyés dans Blender : champignon, succulente, nuage et gland. Une image de référence générée par IA (krea-2, utilisée pour la forme seule et non livrée) a servi à produire un maillage brut par un modèle de conversion d’image en 3D (TRELLIS, via Krea). Ce maillage a ensuite été nettoyé, réparé, réduit, mis à l’échelle et mis en matière dans Blender. Aucune texture issue de la génération n’est conservée.

Tous les fichiers ont été contrôlés avant la mise en vente : validation glTF sans erreur ni avertissement, maillages fermés, échelle et origine mesurées, chargement de chaque objet dans model-viewer, relecture des rendus.

• GLB (Draco) : glTF binaire compressé, dans glb/. model-viewer le décode sans réglage ; three.js le lit avec GLTFLoader associé à DRACOLoader, comme dans la page d’exemple du guide.
• GLB : glTF binaire sans compression ni extension, dans glb-uncompressed/. Les bibliothèques 3D JavaScript, la plupart des outils 3D du navigateur et les modules d’import 3D des outils de design l’ouvrent sans décodeur.
• BLEND : la source des 10 objets et des 5 matières, à ouvrir avec Blender pour modifier un objet puis le réexporter en GLB.
• PNG : un aperçu par objet, sur fond transparent, pour l’image d’attente d’un en-tête, vos planches ou votre documentation.

Les objets sont livrés sous licence commerciale : vous pouvez les utiliser dans vos projets personnels et professionnels, y compris pour vos clients, dans vos sites, vos applications et vos visuels, mais pas revendre, partager ni redistribuer les fichiers 3D bruts ou à peine modifiés, même gratuitement.

Intégrer un fichier GLB dans un site ou une application est permis, même si le navigateur le charge pour l’afficher. Le revendre seul ou le proposer en téléchargement reste interdit.

• Spline, l’outil de conception 3D dans le navigateur
• Ajouter de la 3D à vos maquettes avec le module Vectary 3D Elements
• Pour une scène complète à l’échelle réelle, en low-poly : le pack nature en low-poly.

1.0.0 (11 novembre 2026) : première version.