... | ... | @@ -4,13 +4,13 @@ |
|
|
|
|
|
*Einleitung*
|
|
|
|
|
|
Einer der Anforderungen an den 3D Viewer ist die naturgetreue Abbildung des 3D-Modells (beschrieben in 3.3 3D Viewer Komponente). Hierfür sind Änderungen an den Darstellungsparametern des Modells erforderlich. Im Folgenden werden die von 3D Viewer gegebene Möglichkeiten zur Änderung der Darstellungsparameter vorgestellt.
|
|
|
Einer der Anforderungen an den 3D Viewer ist die naturgetreue Abbildung des 3D-Modells (beschrieben in 3.3 3D Viewer Komponente). Hierfür sind Änderungen an den Darstellungsparametern des Modells erforderlich. Im Folgenden werden die vom 3D Viewer gegebene Möglichkeiten zur Änderung der Darstellungsparameter vorgestellt.
|
|
|
|
|
|
|
|
|
### Material
|
|
|
|
|
|
Der Modelviewer bietet eine Funktion zum Wechsel von Texturen des Modells an.
|
|
|
Diese Funktion wurde in diesem Projekt für die bessere Darstellung der Oberflächenstruktur des Modells genutzt, indem bei dem Modell die Textur ausgeschaltet wird. Dabei wird die Originaltextur gegen eine „leere“ Textur (ohne_Textur.jpg), dass als JPG-Datei im Orner images abgelegt, temporär ersetzt.
|
|
|
Diese Funktion wurde in diesem Projekt für die bessere Darstellung der Oberflächenstruktur des Modells genutzt, indem bei dem Modell die Textur ausgeschaltet wird. Dabei wird die Originaltextur gegen eine „leere“ Textur (ohne_Textur.jpg), dass als JPG-Datei im Orner images abgelegt ist, temporär ersetzt.
|
|
|
Der Nutzer kann im Fenster mit dem Namen „Textur“ in der Drop-Down-Liste den entsprechenden Eintrag „mit Textur“ oder „ohne Textur“ wählen. Dieses ist in der IndexBig.html sowie der IndexSM.html (`<div class = „controllsTextur“>`) konfiguriert. Funktionalität wurde mit der JavaScript-Funktion `pbrMetallicRoughness[].setTexture()` in der rock3DViewer.js umgesetzt.
|
|
|
|
|
|
|
... | ... | @@ -18,7 +18,7 @@ Der Nutzer kann im Fenster mit dem Namen „Textur“ in der Drop-Down-Liste de |
|
|
### Beleuchtungssituation
|
|
|
|
|
|
Der Modelviewer bietet mehrere vordefinierte Lichtumgebungen. Einer der zur realistischen Darstellung geeignetste ist die neutrale Beleuchtungsumgebung, bei der das Modell von allen Seiten gleichmäßig beleuchtet wird. Aktiviert werden kann dies über die Checkbox mit der Beschriftung „Neutral Lighting“, dass an der rechten Seite des Viewer-Fensters positioniert ist.
|
|
|
Konfiguration der Checkbox erfolgte in der IndexBig.html sowie der IndexSM.html (`<div> <input id „neutral“….`) . Mit Hilfe der JavaScript-Funktion `modellViewer.environmentImage = 'legacy';` wurde die Funktionalität in der rock3DViewer.js implementiert.
|
|
|
Konfiguration der Checkbox erfolgte in der IndexBig.html sowie der IndexSM.html (`<div> <input id=„neutral“….`) . Mit Hilfe der JavaScript-Funktion `modellViewer.environmentImage = 'legacy';` wurde die Funktionalität in der rock3DViewer.js implementiert.
|
|
|
|
|
|
|
|
|
|
... | ... | @@ -29,6 +29,7 @@ Konfiguriert wurden die Regler in der IndexBig.html sowie der IndexSM.html (`<di |
|
|
|
|
|
|
|
|
*Weitere Darstellungsparameter*
|
|
|
|
|
|
Das Modelviewer hat zahlreiche weitere Funktionen zur Änderung der Eigenschaften eines 3D-Modells, wie z.B. Farbsetzung, Einstellungen zum Schattenwurf oder für Transparenz (siehe https://modelviewer.dev/docs) , diese finden jedoch in diesem Projekt keine Verwendung.
|
|
|
|
|
|
|
... | ... | |