Eine Referenz · Seite, Medien oder Quellcode

Ein Foto.
Unendlich viele 3D-Geschichten.

Baue ein strukturiertes 3D-Objekt, wechsle seine visuelle Sprache, setze es für jede Szene in Szene und ergänze Sticker, die jedes Bauteil zur Geschichte machen.

01 / QUELLE
Eine Referenz
02 / AUFBAU
Benannte 3D-Teile
03 / REGIE
Szenen + Sticker
04 / AUSLIEFERN
Seite, Medien oder Quellcode
[ 01 / WAS WIRKLICH HERAUSKOMMT ]

Ein Foto geht hinein.
Ein editierbares Objekt kommt heraus.

Kein flaches Rendering und kein versiegelter Mesh-Klumpen. Jedes Objekt unten ist echtes Three.js, das gerade auf dieser Seite läuft — gebaut aus einer einzigen Referenz.

REFERENZSchreibtischfoto in Dreiviertelansicht

Ein Bild. Kein Modellieren, kein Scan, kein Drehteller.

REKONSTRUIERT8 benannte Teile · 4 Materialien

3D preview unavailableThis browser could not start WebGL. The model data and code export still work.

Live im Browser. Ziehen zum Drehen.

camera bodyright hand gripviewfinder humplens barrelfocus ringfront lens glassshutter buttonmode dial
[ 02 / WARUM ES KEIN MESH-KLUMPEN IST ]

Jedes Teil hat einen Namen.

Andere Werkzeuge geben dir ein Objekt, das du nicht zerlegen kannst. PhotoTo3D liefert eine Hierarchie, sodass jede Komponente im Code adressierbar bleibt — lange nachdem du das Studio verlassen hast.

3D preview unavailableThis browser could not start WebGL. The model data and code export still work.

create-survey-drone-model.ts18 parts
// every part keeps the name the vision pass gave it
const model = createSurveyDroneModel();

const body = model.getObjectByName("central flight body");
const pack = model.getObjectByName("top battery pack");
const arm = model.getObjectByName("front left arm");

// address it like any other Three.js object
body.material.color.set("#e8863c");
pack.rotation.y += delta * 2;

Echte Ausgabe der exportierten Factory, kein Mockup.

01 / QUELLEEine Referenz

Lade eine klare Ansicht hoch. Der Browser bereitet sie auf, ohne die Quelle in einer Blackbox zu verstecken.

02 / AUFBAUBenannte 3D-Teile

Vision zerlegt das Objekt in eine benannte Hierarchie editierbarer Primitive.

03 / AUSLIEFERNSeite, Medien oder Quellcode

Liefere eine interaktive Geschichte, ein Kampagnen-Asset oder lesbares TypeScript für jede gewöhnliche Three.js-Szene.

[ 03 / EIN OBJEKT, FÜNF SPRACHEN ]

Ändere, wie es spricht,
nicht, was es ist.

Die Hierarchie bleibt unverändert. Nur die Rendersprache wechselt, sodass Produktszene und technischer Teardown aus demselben Objekt entstehen.

3D preview unavailableThis browser could not start WebGL. The model data and code export still work.

01

Studio PBR

Quellmaterialien, weiche Schatten und produktionsreifes Studiolicht.

Diesen Stil testen

3D preview unavailableThis browser could not start WebGL. The model data and code export still work.

02

Wireframe

Zeigt Aufbau und Silhouette als präzises technisches Objekt.

Diesen Stil testen

3D preview unavailableThis browser could not start WebGL. The model data and code export still work.

03

Clay-Studie

Entfernt Materialrauschen, um Proportion, Balance und Silhouette zu prüfen.

Diesen Stil testen

3D preview unavailableThis browser could not start WebGL. The model data and code export still work.

04

X-Ray

Transluzente Masse mit klaren Kanten — für Montage- und Raumgeschichten.

Diesen Stil testen

3D preview unavailableThis browser could not start WebGL. The model data and code export still work.

05

Voxel

Baut dieselben benannten Teile als kompakte Blocksprache neu auf.

Diesen Stil testen
[ 04 / WO ES LANDET ]

Ein Modell, jeder Einsatz

Dieselbe benannte Hierarchie, ausgerichtet auf vier verschiedene Aufgaben. Dazwischen wird nichts neu gebaut.

01PRODUKT

Interaktiver Commerce

Liefere eine drehbare Produktansicht aus und justiere Farbe und Material direkt im Code.

02SPIEL

Laufzeitfertige Props

Nutze benannte Pivots, Sockets und Gruppen in einer Web-Szene oder einem Game-System.

03PORTFOLIO

Objekte mit Präsenz

Mach aus einem Projekt etwas, das Besucher untersuchen können — statt eines weiteren flachen Renderings.

04TEARDOWN

Technische Geschichten

Zeige Aufbau und Hierarchie mit einer Explosionsansicht aus echten Bauteilen.

[ 05 / EIGENTUM ]

Der Code gehört dir,
mit oder ohne Abo.

Exportiere lesbares TypeScript, das gewöhnliche Three.js-Objekte erzeugt. Keine proprietäre Runtime, kein Nach-Hause-Telefonieren, keine Lizenzprüfung beim Laden.

01

Reines Three.js

Standard-Geometrien und -Materialien. Einfach in jede vorhandene Szene einsetzen.

02

Läuft weiter

Jederzeit kündbar. Alles, was du exportiert hast, läuft genau wie zuvor.

03

Konvertieren ist gratis

Die Umwandlung einer Spec in Code läuft lokal über CLI oder MCP. Unbegrenzt, ohne Key.

[ 06 / SO FUNKTIONIERT ES ]

Vier Schritte

Von einer einzigen Referenz zu auslieferbarem Quellcode, ohne Verstecktes dazwischen.

01

Referenz festlegen

Lade eine klare Ansicht hoch. Der Browser bereitet sie auf, ohne die Quelle in einer Blackbox zu verstecken.

02

Struktur auflösen

Vision zerlegt das Objekt in eine benannte Hierarchie editierbarer Primitive.

03

Tonfall wählen

Wende eine Szene und ein visuelles Rezept an und führe die Geschichte dann mit Stickern, Momenten und Explosionszuständen.

04

Überall veröffentlichen

Liefere eine interaktive Geschichte, ein Kampagnen-Asset oder lesbares TypeScript für jede gewöhnliche Three.js-Szene.

[ 07 / EINFACHE PREISE ]

Preise

Die Demo-Modelle zu erkunden ist kostenlos. Für Generierungen aus eigenen Fotos brauchst du einen Plan.

DemoZum Erkunden des Workflows
Kostenlos
  • Jedes Demo-Modell, voll editierbar
  • Alle Render-Stile und Sticker
  • Export als PNG, GIF, GLB und TypeScript
Studio öffnen
StudioFür Teams, die 3D ausliefern
$49
  • Priorisierte Build-Queue
  • Geteilte Specs und Review-Historie
  • E-Mail-Support
Studio wählen

Nur das Generieren wird abgerechnet. Bearbeiten und Exportieren kosten nie Credits.

Preise
[ 08 / ANTWORTEN ]

Fragen,
beantwortet.

Was du wissen solltest, bevor du deine erste Referenz durchschickst.

01Muss ich 3D-Modellierung beherrschen?+

Nein. Lade eine klare Referenz hoch, und der Workflow übernimmt Zerlegung, Geometrie und erste Materialien. Das Ergebnis prüfst und justierst du im Browser.

02Was bekomme ich konkret?+

Eine validierte Sculpt-Spec plus lesbares TypeScript, das gewöhnliche Three.js-Objekte erzeugt. Am Export hängt keine proprietäre Runtime.

03Ist das eine generierte GLB-Datei?+

Nein. PhotoTo3D baut eine benannte Hierarchie prozeduraler Three.js-Primitive. Dadurch lassen sich einzelne Teile leichter umfärben, animieren, trennen und im Code ansprechen. GLB-Export gibt es, wenn du ihn brauchst.

04Hören meine Exporte nach einer Kündigung auf zu funktionieren?+

Nein. Der generierte Quellcode bleibt deiner und läuft ohne PhotoTo3D-Abo weiter.

05Was zählt als Build?+

Eine Referenz, die zu einer Sculpt-Spec und einer exportierbaren Factory verarbeitet wird, zählt als ein Build. Die lokale Umwandlung von Spec zu Code ist kostenlos und unbegrenzt.

06Womit kommt es schlecht zurecht?+

Gesichter, Figuren und dichte organische Details. Ein Bild ergibt eine stilisierte Ähnlichkeit, keinen identitätsgetreuen Scan. Am stärksten ist es bei Hard-Surface-Produkten, Werkzeugen und Props.

Zur Dokumentation
[ BEREIT, WENN DU ES BIST ]

Gib einem Objekt
ein Leben in 3D.

Lade eine Referenz hoch. Geh mit benannter Geometrie und Quellcode wieder.

Kostenlos starten
GRATIS STARTENKEIN MODELLIERENQUELLCODE INKLUSIVE