LogoSTP-Viewer Dokumentation

Render-Einstellungen Anleitung - Erweiterte 3D-Darstellungssteuerung

Vollständige Anleitung zur Verwendung der Render-Einstellungen im Vollbildmodus des STP Viewers für professionelle 3D-Modellvisualisierung

Render-Einstellungen Anleitung

Überblick

Die Render-Einstellungen des STP Viewers bieten professionelle Kontrolle über die 3D-Modellvisualisierung. Diese erweiterten Funktionen sind im Vollbildmodus verfügbar und bieten präzise Kontrolle über Kantendarstellung, Hintergrunderscheinung und Umgebungsbeleuchtung.

Kanten-Einstellungen

Kontrolle über Drahtgitterkanten und Sichtbarkeit geometrischer Strukturen

Hintergrund-Einstellungen

Anpassung des Szenenhintergrunds mit Farben und Transparenz

Umgebungsmaps

Professionelle Beleuchtung und Reflexion mit 7 voreingestellten Umgebungen

Plattformübergreifend

Optimiert für Desktop- und mobile Geräte

Zugriff auf Render-Einstellungen

Desktop-Zugriff

Vollbildmodus aktivieren

Klicken Sie auf das Vollbild-Symbol (⛶) in der Hauptwerkzeugleiste, um den Vollbild-Ansichtsmodus zu aktivieren.

Einstellungsbereich öffnen

Klicken Sie auf die Einstellungen-Schaltfläche (⚙️) in der Vollbild-Werkzeugleiste, um den Render-Einstellungsbereich auf der rechten Seite zu öffnen.

Kategorien navigieren

Der Einstellungsbereich enthält drei ausklappbare Abschnitte: Kanten-Einstellungen, Hintergrund-Einstellungen und Umgebungsmaps.

Mobile Zugriff

Vollbildmodus aktivieren

Tippen Sie auf das Vollbild-Symbol (⛶), um zur Vollbild-Ansicht zu wechseln.

Mehr-Menü öffnen

Tippen Sie auf die Mehr-Schaltfläche (⋯) in der oberen rechten Ecke der mobilen Werkzeugleiste.

Einstellungen auswählen

Wählen Sie Einstellungen aus dem Dropdown-Menü, um das Render-Einstellungen-Panel zu öffnen.

Plattform-Anpassung: Desktop zeigt ein Seitenpanel, während mobile Geräte ein unteres Panel für optimale Touch-Interaktion verwenden.

Kanten-Einstellungen

Überblick

Kanten-Einstellungen steuern die Anzeige von Drahtgitterkanten auf Ihrem 3D-Modell und helfen dabei, die geometrische Struktur zu visualisieren und technische Analysen zu verbessern.

Hauptfunktionen

Kantendarstellung Ein-/Ausschalten

  • Funktion: Aktiviert oder deaktiviert die Anzeige von Kantenlinien über das gesamte Modell
  • Desktop-Bedienung: Klicken Sie auf den Schalter neben "Kanten anzeigen"
  • Mobile Bedienung: Tippen Sie auf den Umschalter im Kanten-Einstellungen-Bereich
  • Leistungsauswirkung: Das Deaktivieren von Kanten verbessert die Rendering-Leistung bei komplexen Modellen

Kantenfarbe-Anpassung

Wählen Sie aus mehreren Farboptionen für optimalen Kontrast und Sichtbarkeit:

Voreingestellte Farben (6 Optionen):

  • Dunkelgrau (Standard): Professionelles Erscheinungsbild, guter Kontrast
  • Schwarz: Maximaler Kontrast auf hellen Hintergründen
  • Rot: Hohe Sichtbarkeit für Präsentationen
  • Blau: Standard für technische Dokumentation
  • Grün: Alternative Hervorhebungsfarbe
  • Orange: Hohe Kontrast-Option

Benutzerdefinierte Farbauswahl:

  • Desktop: Klicken Sie auf den Farbwähler oder geben Sie Hex-Werte manuell ein
  • Mobile: Tippen Sie auf das Farbquadrat, um den System-Farbwähler zu öffnen
  • Echtzeitvorschau: Änderungen werden sofort auf das Modell angewendet

Kantenschwellwert-Kontrolle

Feinabstimmung, welche Kanten basierend auf der Winkelerkennung angezeigt werden:

  • Bereich: 1° bis 180° (Winkel zwischen benachbarten Flächen)
  • Niedrige Werte (1-30°): Zeigt nur scharfe Kanten und Ecken
  • Mittlere Werte (30-90°): Ausgewogene Kantendarstellung für die meisten Modelle
  • Hohe Werte (90-180°): Zeigt nahezu alle Kanten (Drahtgittereffekt)

Bedienungsmethoden:

  • Desktop: Ziehen Sie den Schieberegler oder klicken Sie auf bestimmte Positionen
  • Mobile: Berühren und schieben Sie die Steuerung, Wert wird in Echtzeit aktualisiert
  • Visuelles Feedback: Kantendarstellung ändert sich sofort beim Anpassen

Technischer Tipp: Verwenden Sie niedrigere Schwellwerte (10-45°) für Maschinenbauteile, um wichtige geometrische Merkmale hervorzuheben, und höhere Werte (90-180°) für künstlerische Modelle, um Oberflächendetails zu zeigen.

Hintergrund-Einstellungen

Überblick

Hintergrund-Einstellungen kontrollieren das Erscheinungsbild der 3D-Szene hinter Ihrem Modell und beeinflussen sowohl visuelle Ästhetik als auch technische Klarheit.

Farbauswahl

Interaktiver Farbwähler

  • RGBA-Unterstützung: Vollständige Farbkontrolle einschließlich Transparenz
  • Desktop: Erweiterte Farbauswahl mit RGB-Werten und Transparenzschieberegler
  • Mobile: System-nativer Farbwähler, optimiert für Touch
  • Hex-Eingabe: Manuelle Eingabe für präzise Farbspezifikation

Voreingestellte Hintergründe (6 Optionen)

Schnellauswahl professioneller Hintergrundoptionen:

VorgabeAnwendungsfallRGB-WerteAm besten für
WeißTechnische Zeichnungen(255,255,255)Dokumentation, Präsentationen
HellgrauAllgemeine Betrachtung(248,250,252)Tägliche Modellprüfung
GrauAusgewogener Kontrast(156,163,175)Komplexe Baugruppen
DunkelgrauDunkelmodus-Betrachtung(75,85,99)Längere Betrachtungssitzungen
SchwarzHoher Kontrast(0,0,0)Detaillierte Analyse
TransparentOverlay-Anwendungen(255,255,255,0)Screenshots mit Transparenz

Transparenzkontrolle

  • Bereich: 0% (vollständig transparent) bis 100% (vollständig undurchsichtig)
  • Anwendungsfälle:
    • Transparente Hintergründe für Dokumentationsüberlagerungen
    • Halbtransparent für Wasserzeichen-Effekte
    • Undurchsichtig für Standardbetrachtung

Best Practices für Hintergründe

Für technische Dokumentation:

  • Verwenden Sie Weiß oder Hellgrau für sauberes, professionelles Erscheinungsbild
  • Vermeiden Sie transparente Hintergründe, es sei denn, sie werden speziell benötigt
  • Berücksichtigen Sie den Kontrast zu Modellfarben

Für Präsentationen:

  • Dunkelgrau oder Schwarz für dramatischen Effekt
  • Kontrastreiche Hintergründe heben Modelldetails hervor
  • Testen Sie die Sichtbarkeit unter Projektionsbedingungen

Für Analysearbeit:

  • Grau bietet neutrale Referenz für Farbgenauigkeit
  • Vermeiden Sie kontrastreiche Hintergründe, die Augenbelastung verursachen können
  • Verwenden Sie konsistente Hintergründe für Modellvergleiche

Umgebungsmaps

Überblick

Umgebungsmaps bieten realistische Beleuchtungs- und Reflexionseffekte und simulieren, wie Ihr 3D-Modell in verschiedenen realen Umgebungen erscheinen würde.

Verfügbare Umgebungsmaps

Professionelle voreingestellte Umgebungen (7 Optionen)

1. Keine (Standard)

  • Keine Umgebungsabbildung angewendet
  • Schnellste Rendering-Leistung
  • Nur grundlegende gerichtete Beleuchtung

2. Citadella

  • Städtische Umgebung mit warmer Beleuchtung
  • Gut für Architekturmodelle
  • Ausgewogene Innen-/Außenbeleuchtung

3. Fischerbastei

  • Historische Architekturumgebung
  • Weiche, diffuse Beleuchtung
  • Ausgezeichnet für detaillierte Modelle

4. Eisfluss

  • Kühle, klare Beleuchtungsumgebung
  • Hohe Kontrastreflexionen
  • Ideal für metallische Materialien

5. Maskonaive

  • Neutrale Außenbeleuchtung
  • Ausgewogene Farbtemperatur
  • Vielseitig für die meisten Modelltypen

6. Park

  • Natürliche Außenumgebung
  • Warme, sonnige Beleuchtung
  • Großartig für organische Formen

7. Teide

  • Berglandschaftsumgebung
  • Dramatische Beleuchtungskontraste
  • Ausgezeichnet für Präsentations-Renders

Umgebungsmap-Steuerungen

Map-Auswahl

  • Desktop: Klicken Sie auf Miniaturbilder, um die Umgebung auszuwählen
  • Mobile: Tippen Sie auf Umgebungs-Miniaturbilder im 2-spaltigen Rasterlayout
  • Ladeindikator: Visuelles Feedback während des Umgebungsladens
  • Vorschau: Änderungen werden sofort nach der Auswahl angewendet

Hintergrundanwendung

  • Umschalteroption: "Als Hintergrund verwenden"
  • Wenn aktiviert: Umgebung wird als sichtbarer Szenenhintergrund
  • Wenn deaktiviert: Umgebung bietet nur Beleuchtung (transparenter Hintergrund)
  • Leistung: Hintergrundmodus kann die Rendering-Geschwindigkeit beeinträchtigen

Best Practices für Umgebungsmaps

Für Materialanalyse:

  • Verwenden Sie Park oder Maskonaive für genaue Farbdarstellung
  • Aktivieren Sie den Hintergrund für realistisches Materialerscheinungsbild
  • Testen Sie mehrere Umgebungen, um Materialeigenschaften zu verstehen

Für Präsentationen:

  • Teide oder Eisfluss für dramatische Beleuchtungseffekte
  • Berücksichtigen Sie Publikum und Projektionsbedingungen
  • Verwenden Sie Hintergrundanwendung für immersiven Effekt

Für technische Arbeit:

  • Keine oder Fischerbastei für neutrale Beleuchtung
  • Deaktivieren Sie den Hintergrund für Fokus auf Geometrie
  • Konsistente Umgebung für Vergleichsarbeit

Leistungshinweis: Umgebungsmaps erhöhen den Speicherverbrauch und können die Leistung auf älteren Geräten oder bei komplexen Modellen beeinträchtigen. Deaktivieren Sie bei Verlangsamungen.

Plattformspezifische Bedienung

Desktop-Benutzeroberfläche

Panel-Layout

┌─────────────────────────────────────┐
│  Render-Einstellungen      [Schließen]  │
├─────────────────────────────────────┤
│ ▼ Kanten-Einstellungen              │
│   ┌─ Kanten anzeigen ──── [●]       │
│   ├─ Kantenfarbe ─── [■] #263238    │
│   └─ Schwellwert ─── [====●] 45°    │
│                                     │
│ ▼ Hintergrund-Einstellungen         │
│   ├─ Farbwähler ─── [████] RGBA     │
│   └─ Vorgaben ─ [□][□][□][□][□][□]    │
│                                     │
│ ▼ Umgebungsmaps                     │
│   ├─ Map-Raster ─ [🏰][🌊][❄️][🏔️]    │
│   └─ Als Hintergrund ──── [○]       │
└─────────────────────────────────────┘

Mausbedienung

  • Einzelklick: Optionen auswählen, Schalter umschalten
  • Klicken und Ziehen: Schieberegler anpassen (Schwellwert, Transparenz)
  • Schweben: Tooltips und Beschreibungen anzeigen
  • Scrollen: Durch lange Abschnitte navigieren, falls erforderlich

Mobile Benutzeroberfläche

Sheet-Panel-Layout

┌──────────────────────────────────────┐
│        Render-Einstellungen  [×]     │
├──────────────────────────────────────┤
│                                      │
│ ▼ Kanten-Einstellungen               │
│   ┌─ Kanten anzeigen ───── [●]       │
│   ├─ Kantenfarbe ── [■] #263238      │
│   └─ Schwellwert ── [====●] 45°      │
│                                      │
│ ▼ Hintergrund-Einstellungen          │
│   ├─ Farbwähler ── [████] RGBA       │
│   └─ Vorgaben ─── [□][□][□]          │
│                   [□][□][□]          │
│                                      │
│ ▼ Umgebungsmaps                      │
│   ├─ Map-Raster ───── [🏰][🌊]       │
│   │                   [❄️][🏔️]       │
│   └─ Als Hintergrund ──── [○]        │
│                                      │
└──────────────────────────────────────┘

Touch-Bedienung

  • Einzelnes Tippen: Optionen auswählen, Schalter umschalten
  • Berühren und Schieben: Schieberegler sanft anpassen
  • Langes Drücken: Zusätzliche Optionen zugreifen (wo verfügbar)
  • Nach unten Wischen: Einstellungspanel schließen
  • Kneifen: Miniaturbilder zoomen (Umgebungsmaps)

Plattformübergreifende Funktionen

Responsives Design

  • Automatische Anpassung: Benutzeroberfläche passt sich automatisch der Bildschirmgröße an
  • Touch-Optimierung: Alle Steuerelemente sind für komfortable Touch-Interaktion dimensioniert (44px Minimum)
  • Tastaturunterstützung: Vollständige Tastaturnavigation auf Desktop
  • Zugänglichkeit: Screen-Reader-Unterstützung und ordnungsgemäße Fokusverwaltung

Konsistentes Verhalten

  • Echtzeit-Updates: Alle Änderungen werden sofort plattformübergreifend angewendet
  • Zustandsbeständigkeit: Einstellungen bleiben während der Sitzung erhalten
  • Leistungsoptimierung: Effizientes Rendering auf allen Gerätetypen

Erweiterte Verwendung

Kombinierung von Einstellungen für spezifische Anwendungsfälle

Technische Dokumentation

Empfohlene Einstellungen:
- Kanten-Einstellungen: AN, Dunkelgrau, 15-30° Schwellwert
- Hintergrund: Weiß oder Hellgrau
- Umgebung: Keine (für neutrale Beleuchtung)

Präsentationsmodus

Empfohlene Einstellungen:
- Kanten-Einstellungen: AUS (sauberes Erscheinungsbild)
- Hintergrund: Schwarz oder Dunkelgrau
- Umgebung: Teide oder Eisfluss (dramatische Beleuchtung)

Materialanalyse

Empfohlene Einstellungen:
- Kanten-Einstellungen: AN, Niedrige Kontrastfarbe
- Hintergrund: Neutrales Grau
- Umgebung: Park oder Maskonaive (natürliche Beleuchtung)

3D-Druckvorbereitung

Empfohlene Einstellungen:
- Kanten-Einstellungen: AN, Hoher Kontrast, 10-20° Schwellwert
- Hintergrund: Weiß (sauberer Kontrast)
- Umgebung: Keine (genaue Geometrievisualisierung)

Leistungsoptimierung

Für große Modelle (>50MB)

  • Deaktivieren Sie die Kantendarstellung, um die Bildrate zu verbessern
  • Verwenden Sie einfache Hintergründe (Volltonfarben)
  • Vermeiden Sie komplexe Umgebungsmaps
  • Erwägen Sie eine Reduzierung der Modellkomplexität in CAD-Software

Für mobile Geräte

  • Verwenden Sie voreingestellte Farben anstatt benutzerdefinierter Auswahl
  • Aktivieren Sie weniger Einstellungen gleichzeitig
  • Überwachen Sie die Gerätetemperatur bei längerer Nutzung
  • Schließen Sie andere Anwendungen, um Speicher freizugeben

Fehlerbehebung

Häufige Probleme

Einstellungen werden nicht angewendet

  1. Modell-Laden prüfen: Stellen Sie sicher, dass das 3D-Modell vollständig geladen ist, bevor Sie Einstellungen anpassen
  2. Viewer-Instanz: Überprüfen Sie, ob Sie sich im Vollbildmodus mit aktivem Viewer befinden
  3. Browser-Unterstützung: Bestätigen Sie WebGL 2.0-Unterstützung für erweiterte Rendering-Funktionen

Leistungsprobleme

  1. Kantenkomplexität reduzieren: Niedrigere Kantenschwellwerte oder Kantendarstellung deaktivieren
  2. Umgebung vereinfachen: Verwenden Sie "Keine" Umgebungsmap für bessere Leistung
  3. Hintergrund-Optimierung: Verwenden Sie Volltonfarben anstatt komplexer Hintergründe

Farbanzeigeprobleme

  1. Monitorkalibrierung: Überprüfen Sie die Anzeigefarbengenauigkeit
  2. Browser-Zoom: Setzen Sie den Browser-Zoom auf 100% zurück
  3. Grafiktreiber: Stellen Sie sicher, dass die Grafiktreiber aktuell sind

Mobile-spezifische Probleme

  1. Touch-Reaktionsfähigkeit: Reinigen Sie die Bildschirmoberfläche für genaue Touch-Erkennung
  2. Speicherverwaltung: Schließen Sie Hintergrund-Apps, um Gerätespeicher freizugeben
  3. Bildschirmausrichtung: Querformat bietet mehr Kontrollfläche

Hilfe erhalten

Wenn Sie anhaltende Probleme mit Render-Einstellungen haben:

  1. Systemanforderungen prüfen: Überprüfen Sie WebGL 2.0-Unterstützung in Ihrem Browser
  2. Browser-Daten löschen: Löschen Sie Cache und Cookies, dann neu laden
  3. Browser aktualisieren: Stellen Sie sicher, dass Sie die neueste Browser-Version verwenden
  4. Support kontaktieren: E-Mail an [email protected] mit Gerätedetails

Best Practices

Professioneller Arbeitsablauf

  1. Einfach beginnen: Beginnen Sie mit Standardeinstellungen für die erste Modellprüfung
  2. Schrittweise anpassen: Nehmen Sie eine Einstellungsänderung nach der anderen vor, um die Auswirkung zu verstehen
  3. Einstellungen dokumentieren: Notieren Sie effektive Kombinationen für ähnliche Modelle
  4. Leistung testen: Überprüfen Sie reibungslosen Betrieb vor detaillierter Analyse

Qualitätskontrolle

  • Konsistente Beleuchtung: Verwenden Sie dieselbe Umgebungsmap für Modellvergleiche
  • Standard-Ansichten: Kombinieren Sie mit voreingestellten Kamerawinkeln für systematische Analyse
  • Screenshot-Dokumentation: Erfassen Sie wichtige Ansichten mit optimalen Einstellungen

Teamzusammenarbeit

  • Einstellungen standardisieren: Etablieren Sie Team-Konventionen für verschiedene Anwendungsfälle
  • Konfigurationen teilen: Dokumentieren Sie erfolgreiche Einstellungskombinationen
  • Schulung: Stellen Sie sicher, dass Teammitglieder die Auswirkungen der Render-Einstellungen verstehen

Bereit, Ihre 3D-Modellvisualisierung mit professionellen Render-Einstellungen zu verbessern? Aktivieren Sie den Vollbildmodus und beginnen Sie, diese mächtigen Anpassungsoptionen zu erkunden!