3D Visualization zeigt Kunden ihr personalisiertes Design auf einem realistischen, interaktiven Produktmodell. Kunden können das Produkt aus jedem Winkel drehen, zoomen und inspizieren – bevor sie kaufen. Das ersetzt flache Mockup-Bilder durch eine Live-3D-Vorschau, die sich in Echtzeit aktualisiert, wenn der Kunde Text bearbeitet, Bilder hochlädt oder Farben ändert.

Was 3D Visualization leistet

Der Produkt-Customizer rendert das Design des Kunden auf einem 3D-Modell Ihres Produkts. Jede Änderung des Kunden – Text hinzufügen, Grafiken wechseln, Farben anpassen – erscheint sofort auf dem Modell.

Kunden interagieren mit der 3D-Vorschau über:

• Drehen – Klicken und Ziehen (oder Wischen auf Mobilgeräten), um das Produkt zu drehen.
• Zoomen – Scrollen (oder Pinch-Geste auf Mobilgeräten), um hinein- und herauszuzoomen.
• Verschieben – Rechtsklick und Ziehen, um die Position zu ändern.

Das 3D-Modell ist eine separate visuelle Ebene. Die eigentliche Design-Canvas (wo Kunden Elemente hinzufügen und bearbeiten) bleibt flach. Die 3D-Vorschau liest den Canvas-Inhalt und wendet ihn als Textur auf die Modelloberfläche an.

So funktioniert es

1. Sie installieren ein 3D-Modellpaket (FBX-Format) über den 3D Models Manager unter Chamevo → Utilities.
2. Sie weisen das Modell einem Produkt im Product Builder zu.
3. Wenn ein Kunde dieses Produkt öffnet, lädt die 3D-Vorschau neben der Design-Canvas.
4. Wenn der Kunde das Design bearbeitet, aktualisiert sich die Vorschau automatisch.

Die 3D-Engine verwendet Three.js (bei Bedarf geladen – sie beeinträchtigt nicht die Seitenlade­geschwindigkeit für Produkte ohne 3D-Modelle). Jedes Modell enthält:

• Eine FBX-Datei (die 3D-Geometrie).
• Eine HDR-Umgebungskarte (realistische Beleuchtung und Reflexionen).
• Eine config.json-Datei (Modelleinstellungen: Druckbereichsabmessungen, Materialeigenschaften, Kameraposition).

Voraussetzungen