Auteur: Jared Liu
Essayer en direct À propos de ce projet
Drawing to 3D transforme la question « comment un croquis devient-il un modèle 3D ? » en une expérience à essayer sur-le-champ : les trois exemples de la page d’accueil — un vase, un robot et une maison-champignon — ont tous été générés à partir de véritables croquis dessinés à la main avec Tripo image-to-model. Présentés à côté des originaux, ils peuvent être manipulés, observés sous tous les angles et zoomés.
Importez votre propre dessin, passez la vérification humaine et la file anonyme prend le relais : une animation de reconstruction se joue pendant l’attente, puis le modèle blanc tourne dans le navigateur et se télécharge au format GLB. Pour des textures 8K et une fidélité supérieure, un clic transfère le résultat dans Tripo Studio. Le site entier fonctionne sans compte, parle six langues, se déploie sous forme de fichiers statiques et garde les identifiants Tripo à l’abri dans Cloudflare Workers.
Points forts
- Trois exemples — un vase, un robot et une maison-champignon — tous générés par Tripo à partir de véritables croquis dessinés à la main, présentés à côté des originaux et prêts à être manipulés et observés sous tous les angles
- Importez un dessin (PNG/JPG/WebP), passez la vérification humaine et la file de génération anonyme prend le relais, sans inscription
- Une animation de reconstruction du croquis au volume se joue pendant l’attente ; le modèle blanc terminé tourne dans le navigateur et se télécharge au format GLB
- Une génération gratuite par appareil et par jour ; pour des textures 8K et une fidélité supérieure, transférez le résultat dans Tripo Studio en un clic
Analyse technique
Production des exemples · image vers modèle avec Tripo v3
Les trois modèles d’exemple proviennent directement de Tripo API v3 image-to-model (v3.1), avec une géométrie détaillée, des textures PBR et une limite de 50 000 faces ; le dépôt conserve l’ID de chaque tâche, son coût en crédits et le SHA-256 du fichier produit afin d’en tracer la provenance. Les copies web préservent la géométrie de la série H et réduisent uniquement les textures intégrées de 4096px à 2048px : aucune différence visible dans la visionneuse d’environ 500px et près de 75 % de VRAM de textures en moins.
Génération anonyme · pipeline de modèle blanc sans compte
Le navigateur ne contient que la configuration publique ; les identifiants Tripo résident exclusivement dans un répartiteur Cloudflare Workers. Turnstile et une empreinte de l’appareil accordent une génération anonyme par appareil et par jour UTC : création de la tâche, import du dessin, interrogation toutes les 4 secondes (temporisation exponentielle jusqu’à 30s après des échecs répétés), puis téléchargement du blob GLB et rendu du modèle blanc sur place. La fermeture de la page abandonne la tâche via sendBeacon, le bail du planificateur assurant le nettoyage en dernier recours.
L’attente mise en scène · reconstruction par plan de découpe
Aucun indicateur tournant pendant la génération : le modèle porte deux matériaux — un matériau plein révélé du bas vers le haut par un plan de découpe horizontal, tandis qu’un fil de fer disparaît en sens inverse du haut vers le bas, accompagné d’un anneau de balayage orange qui suit le plan — mettant littéralement en scène « l’IA qui reconstruit un volume à partir de lignes ». Une barre de progression perçue avance en douceur dans des plages associées aux états, et les utilisateurs de prefers-reduced-motion voient une pose fixe.
Priorité au SEO · site statique en six langues
Next.js 16 produit une sortie entièrement statique ; l’anglais, le chinois traditionnel, le japonais, le coréen, l’espagnol et le portugais disposent chacun de leurs propres routes, URL canoniques, variantes hreflang et entrées de plan de site. Un module partagé génère tous les liens Tripo Studio avec une attribution UTM cohérente ; utm_content identifie précisément le CTA ou l’exemple sélectionné.
