Skip to content

GitLab

  • Projects
  • Groups
  • Snippets
  • Help
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
W
web3dscans1
  • Project overview
    • Project overview
    • Details
    • Activity
    • Releases
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 17
    • Issues 17
    • List
    • Boards
    • Labels
    • Service Desk
    • Milestones
  • Merge Requests 0
    • Merge Requests 0
  • CI / CD
    • CI / CD
    • Pipelines
    • Jobs
    • Schedules
  • Operations
    • Operations
    • Incidents
    • Environments
  • Analytics
    • Analytics
    • CI / CD
    • Repository
    • Value Stream
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Members
    • Members
  • Collapse sidebar
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
  • Web3DScans
  • web3dscans1
  • Wiki
  • ModelViewer Parameter

ModelViewer Parameter · Changes

Page history
Update ModelViewer Parameter authored Aug 27, 2023 by Benno Schmidt's avatar Benno Schmidt
Show whitespace changes
Inline Side-by-side
Showing with 10 additions and 7 deletions
+10 -7
  • ModelViewer-Parameter.md ModelViewer-Parameter.md +10 -7
  • No files found.
ModelViewer-Parameter.md
View page @ 416b3eac
## 4.2.2 Konfiguration der Darstellungsparameter
**Autor: Katharina Fritzler**
**Autorin: Katharina Fritzler**
*Einleitung*
### Einleitung
Einer der Anforderungen an den 3D-Viewer ist die naturgetreue Abbildung des 3D-Modells (beschrieben in Abschnitt 3.4). Hierfür sind Änderungen an den Darstellungsparametern des Modells erforderlich. Im Folgenden werden die im 3D-Viewer vorhandenen Möglichkeiten zur Änderung der Darstellungsparameter vorgestellt.
......@@ -11,22 +11,25 @@ Einer der Anforderungen an den 3D-Viewer ist die naturgetreue Abbildung des 3D-M
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*), die als JPG-Datei im Ordner *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* (<code><div class = "controllsTextur"></code>) konfiguriert. Die Funktionalität wurde mit der JavaScript-Funktion <code>pbrMetallicRoughness[].setTexture()</code> innerhalb der *rock3DViewer.js* umgesetzt.
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* (<code>&lt;div class = "controllsTextur"&gt;</code>) konfiguriert. Die Funktionalität wurde mit der JavaScript-Funktion <code>pbrMetallicRoughness[].setTexture()</code> innerhalb der *rock3DViewer.js* umgesetzt.
### Beleuchtungssituation
Der ModelViewer bietet mehrere vordefinierte Lichtumgebungen. Einer der zur realistischen Darstellung geeignetsten 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", die an der rechten Seite des Viewer-Fensters positioniert ist.
Die Konfiguration der Checkbox erfolgte in der *IndexBig.html* sowie der *IndexSM.html* ('<div> <input id="neutral"….') . Mit Hilfe der JavaScript-Funktion <code>modellViewer.environmentImage = 'legacy';</code> wurde die Funktionalität in der *rock3DViewer.js* implementiert.
Die Konfiguration der Checkbox erfolgte in der *IndexBig.html* sowie der *IndexSM.html* (<code>&lt;div&gt; &lt;input id="neutral"…</code>). Mit Hilfe der JavaScript-Funktion <code>modellViewer.environmentImage = 'legacy';</code> wurde die Funktionalität in der *rock3DViewer.js* implementiert.
### Metallhaftigkeit und Rauheit
Durch die Veränderung der beiden Eigenschaften wird der Glanzeffekt des Modells reduziert bzw. erhöht. Mit den jeweiligen Regler "Metalness" und "Roughness" kann ein Faktor zwischen 0 und 1 gewählt werden. Bei beiden Eigenschaften des Modells sind die Vorgabewerte gleich 0. Durch die aktuelle Implementierung werden diese beim Laden des Modells in den ModelViewer automatisch auf 1 gesetzt.
Konfiguriert wurden die Regler in der *IndexBig.html* sowie der *IndexSM.html* ('<div> <input id="roughness"' bzw. 'id="metalness"...'). Die hierfür verwendeten JavaScript-Funktionen <code>pbrMetallicRoughness.setMetallicFactor()</code> und <code>pbrMetallicRoughness.setRoughnessFactor()</code> sind in der *rock3DViewer.js* implementiert.
Konfiguriert wurden die Regler in der *IndexBig.html* sowie der *IndexSM.html* (<code>&lt;div&gt; &lt;input id="roughness"' bzw. 'id="metalness"...</code>). Die hierfür verwendeten JavaScript-Funktionen <code>pbrMetallicRoughness.setMetallicFactor()</code> und <code>pbrMetallicRoughness.setRoughnessFactor()</code> sind in der *rock3DViewer.js* implementiert.
*Weitere Darstellungsparameter*
### 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](https://modelviewer.dev/docs)),
diese finden jedoch in diesem Projekt keine Verwendung.
......
Clone repository
  • 3.3 3D Viewer
  • 3D Darstellungsparameter
  • 3D Formate
  • 3D Viewer Komponente
  • 3D Viewer
  • Anzeigefenster
  • Arbeitsumgebung
  • Aufgabenbeschreibung
  • BOM
  • Bohrprofil Anzeige
  • CrossReferencer
  • Desktop und mobile Version
  • Endbericht
  • Generierung der 3D Modelle
  • Geodatengrundlage beim HLNUG
View All Pages