Autor: Jared Liu
Live ausprobieren Über dieses Projekt
Drawing to 3D macht aus der Frage „Wie wird eine Skizze zum 3D-Modell?“ ein Erlebnis zum direkten Ausprobieren: Die drei Beispiele auf der Startseite — Vase, Roboter und Pilzhäuschen — wurden mit Tripo image-to-model aus echten Handzeichnungen erzeugt, stehen neben den Originalen und lassen sich ziehen, umkreisen und zoomen.
Laden Sie Ihre eigene Zeichnung hoch, bestehen Sie die menschliche Prüfung, und die anonyme Warteschlange übernimmt: Während der Wartezeit läuft eine Rekonstruktionsanimation; anschließend lässt sich das weiße Modell im Browser drehen und als GLB herunterladen. Für 8K-Texturen und höhere Detailtreue übernimmt ein Klick das Ergebnis in Tripo Studio. Die gesamte Website funktioniert ohne Konto, spricht sechs Sprachen, wird als statische Dateien bereitgestellt — und hält die Tripo-Zugangsdaten sicher in einem Cloudflare Workers-Dienst.
Highlights
- Drei Beispiele — eine Vase, ein Roboter und ein Pilzhäuschen — wurden von Tripo aus echten Handzeichnungen erzeugt, stehen neben den Originalen und lassen sich ziehen und umkreisen
- Laden Sie eine Zeichnung (PNG/JPG/WebP) hoch, bestehen Sie die menschliche Prüfung, und die anonyme Generierungswarteschlange übernimmt — keine Registrierung
- Während Sie warten, läuft eine Rekonstruktionsanimation von der Skizze zum Volumen; das fertige weiße Modell lässt sich im Browser drehen und als GLB herunterladen
- Eine kostenlose Generierung pro Gerät und Tag; für 8K-Texturen und höhere Detailtreue übernehmen Sie das Ergebnis mit einem Klick in Tripo Studio
Technische Analyse
Beispielausgabe · Tripo v3 Bild-zu-Modell
Alle drei Beispielmodelle stammen direkt aus Tripo API v3 image-to-model (v3.1), mit detaillierter Geometrie, PBR-Texturen und einer Obergrenze von 50.000 Flächen; das Repository bewahrt für den Ausgabenachweis die Task-ID, die Credit-Kosten und den SHA-256 der Ausgabedatei auf. Die Webkopien behalten die Geometrie der H-Serie bei und reduzieren lediglich eingebettete Texturen von 4096px auf 2048px — im etwa 500px großen Viewer ohne sichtbaren Unterschied und mit rund 75 % weniger Textur-VRAM.
Anonyme Generierung · Pipeline für weiße Modelle ohne Konto
Der Browser enthält nur öffentliche Konfiguration; Tripo-Zugangsdaten liegen ausschließlich in einem Cloudflare Workers-Dispatcher. Turnstile und ein Gerätefingerabdruck ermöglichen eine anonyme Generierung pro Gerät und UTC-Tag: Job erstellen, Zeichnung hochladen, alle 4 Sekunden abfragen (bei wiederholten Fehlern exponentieller Backoff bis 30s), dann den GLB-Blob herunterladen und das weiße Modell direkt rendern. Beim Schließen der Seite wird der Job über sendBeacon aufgegeben; die Scheduler-Lease dient als Fallback für die Bereinigung.
Warten als Inszenierung · Rekonstruktion per Clipping-Ebene
Keine Spinner während der Generierung: Das Modell besitzt zwei Materialien — ein Vollmaterial, das eine horizontale Clipping-Ebene von unten nach oben freilegt, während ein Drahtgitter in umgekehrter Richtung von oben nach unten verschwindet; ein orangefarbener Scanring folgt der Ebene — und inszeniert damit buchstäblich „KI baut Volumen aus Linien neu auf“. Eine wahrgenommene Fortschrittsleiste durchläuft sanft statusabhängige Bereiche; Nutzer mit prefers-reduced-motion sehen eine ruhende Pose.
SEO zuerst · statische Website mit sechs Sprachversionen
Next.js 16 erzeugt eine vollständig statische Ausgabe; Englisch, traditionelles Chinesisch, Japanisch, Koreanisch, Spanisch und Portugiesisch erhalten jeweils eigene Routen, Canonicals, hreflang-Alternativen und Sitemap-Einträge. Jeder Link zu Tripo Studio wird von einem gemeinsamen Modul mit einheitlicher UTM-Zuordnung erzeugt — utm_content benennt den exakten CTA oder das ausgewählte Beispiel.
