3D / X3D
Anleitung: Bearbeiten einer OBJ-Datei in Blender und Exportieren als X3D
Schritt 1: Öffne die OBJ-Datei in Blender
Starte Blender und klicke auf Datei > Importieren > Wavefront (.obj)
. Navigiere zu deiner OBJ-Datei und klicke auf Importieren
.
![Bildschirmfoto 2024-04-29 um 15.34.39.png](../__attachments/3146678273/Bildschirmfoto%202024-04-29%20um%2015.34.39.png?inst-v=29108873-82a0-465a-ab6e-db308cd44280)
Schritt 2: Füge ein Bild als Material hinzu
Wähle das 3D-Modell aus und wechsle zum
Materialien
-Tab.Füge ein neues Material hinzu.
![Bildschirmfoto 2024-04-30 um 15.05.00.png](../__attachments/3146678273/Bildschirmfoto%202024-04-30%20um%2015.05.00.png?inst-v=29108873-82a0-465a-ab6e-db308cd44280)
Ziehe per Drag&Drop ein Bild in die untere dunkle Fläche und verknüpfe
Base Color
mitColor
. Um ein präzises Mapping zu erstellen sollte das hinzugefügte Bild die Aspect Ratio (dieselben Dimensionen) des printformer Templates haben.
![Bildschirmfoto 2024-04-29 um 15.44.41.png](../__attachments/3146678273/Bildschirmfoto%202024-04-29%20um%2015.44.41.png?inst-v=29108873-82a0-465a-ab6e-db308cd44280)
Jetzt ist das Bild Teil der Textur. Um ein präzises Mapping zu erstellen sollte das hinzugefügte Bild die Aspect Ratio des printformer Templates haben. Aktuell ist das Bild aber noch nicht korrekt positioniert. Das passiert im nächsten Step.
Schritt 3: Mappe das Bild mit der 3D-Datei im UV-Editing
Wechsle in den
UV-Editing
-Modus.Wähle alle Vertices deines 3D-Modells aus (Taste
A
).Klicke auf
UV > Entpacken
, um das UV-Layout zu erstellen.Passe das UV-Layout an, um es mit deinem Bild zu verbinden.
![Bildschirmfoto 2024-04-29 um 15.44.46.png](../__attachments/3146678273/Bildschirmfoto%202024-04-29%20um%2015.44.46.png?inst-v=29108873-82a0-465a-ab6e-db308cd44280)
![Bildschirmfoto 2024-04-29 um 15.45.09.png](../__attachments/3146678273/Bildschirmfoto%202024-04-29%20um%2015.45.09.png?inst-v=29108873-82a0-465a-ab6e-db308cd44280)
Schritt 4: Exportiere das Modell als X3D
Wenn du mit dem Ergebnis zufrieden bist, klicke auf
Datei > Exportieren > X3D (.x3d)
.Wähle den Speicherort und klicke auf
Exportieren
.
Schritt 5: Öffne die X3D-Datei mit NPX Sunrize
Blender kann aktuell keinen korrekten Viewpoint
exportieren. Andere 3D-Applikationen haben dieses Problem möglicherweise nicht. Somit ist dieser Schritt ggf. gar nicht erforderlich.
Installiere Sunrize nach Anleitung: https://create3000.github.io/sunrize/
Öffne die Konsole und navigiere zum Speicherort deiner X3D-Datei.
Gib
npx sunrize $fileName
ein, um das Programm zu starten.
![Bildschirmfoto 2024-04-29 um 16.06.07.png](../__attachments/3146678273/Bildschirmfoto%202024-04-29%20um%2016.06.07.png?inst-v=29108873-82a0-465a-ab6e-db308cd44280)
Füge einen
Viewpoint
hinzu und setze denviewpoint
. Platziere dazu das Model in den sichtbaren Bereich (am einfachsten per Doppelklick in der Mitte des Models). Danach per Rechtsklick die Position zumviewpoint
erklären.
![Bildschirmfoto 2024-04-29 um 16.06.46.png](../__attachments/3146678273/Bildschirmfoto%202024-04-29%20um%2016.06.46.png?inst-v=29108873-82a0-465a-ab6e-db308cd44280)
![Bildschirmfoto 2024-04-29 um 16.06.52.png](../__attachments/3146678273/Bildschirmfoto%202024-04-29%20um%2016.06.52.png?inst-v=29108873-82a0-465a-ab6e-db308cd44280)
![Bildschirmfoto 2024-04-29 um 16.30.14.png](../__attachments/3146678273/Bildschirmfoto%202024-04-29%20um%2016.30.14.png?inst-v=29108873-82a0-465a-ab6e-db308cd44280)
Schritt 6: Passe das Material an und füge eine leere ImageTexture hinzu
Benenne das Material in
OUTMAT1
um. Bei mehrseitigen Templates entspricht die Ganzzahl der Seite im Template. Man kann also auch multiple Materialien setzen um alle Seiten im Editor abzubilden.
![Bildschirmfoto 2024-04-29 um 16.30.36.png](../__attachments/3146678273/Bildschirmfoto%202024-04-29%20um%2016.30.36.png?inst-v=29108873-82a0-465a-ab6e-db308cd44280)
![Bildschirmfoto 2024-04-29 um 16.30.49.png](../__attachments/3146678273/Bildschirmfoto%202024-04-29%20um%2016.30.49.png?inst-v=29108873-82a0-465a-ab6e-db308cd44280)
![Bildschirmfoto 2024-04-29 um 16.30.53.png](../__attachments/3146678273/Bildschirmfoto%202024-04-29%20um%2016.30.53.png?inst-v=29108873-82a0-465a-ab6e-db308cd44280)
Füge bei der
Appearance
eine leereImageTexture
hinzu. Diese wird benötigt damit die Anzeige des Editors visualisiert werden kann.
![Bildschirmfoto 2024-04-29 um 16.31.07.png](../__attachments/3146678273/Bildschirmfoto%202024-04-29%20um%2016.31.07.png?inst-v=29108873-82a0-465a-ab6e-db308cd44280)
![Bildschirmfoto 2024-04-29 um 16.31.15.png](../__attachments/3146678273/Bildschirmfoto%202024-04-29%20um%2016.31.15.png?inst-v=29108873-82a0-465a-ab6e-db308cd44280)
![Bildschirmfoto 2024-04-29 um 16.31.20.png](../__attachments/3146678273/Bildschirmfoto%202024-04-29%20um%2016.31.20.png?inst-v=29108873-82a0-465a-ab6e-db308cd44280)