Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen RevisionVorhergehende Überarbeitung
Nächste Überarbeitung		Vorhergehende Überarbeitung
store:texture [2025/09/26 07:50] – adminwikistore:texture [2026/06/29 13:54] (aktuell) – [Normal Map] p1
Zeile 1: Zeile 1:
 +{{TOC 2-3}}
 +
 ===== Texturen ===== ===== Texturen =====
 Texturen ermöglichen eine realistische Darstellung von Oberflächen. Wird eine Textur auf eine Oberfläche angewandt, dann erhält diese das entsprechende Aussehen. Für folgende Eigenschaften von Oberflächen sind diese Texturen verantwortlich: Texturen ermöglichen eine realistische Darstellung von Oberflächen. Wird eine Textur auf eine Oberfläche angewandt, dann erhält diese das entsprechende Aussehen. Für folgende Eigenschaften von Oberflächen sind diese Texturen verantwortlich:
   - Abbild: Die Diffuse Map ist ein farbiges Abbild der Oberfläche.   - Abbild: Die Diffuse Map ist ein farbiges Abbild der Oberfläche.
-  - Reflektion: Die Normal Map bestimmt, wie sich eine Lichtquelle in der Oberfläche spiegelt.+  - Reflexion: Die Normal Map bestimmt, wie sich eine Lichtquelle in der Oberfläche spiegelt.
   - Rauhheit: Die Roughness Map legt glatte und rauhe Stellen fest.   - Rauhheit: Die Roughness Map legt glatte und rauhe Stellen fest.
   - Glanz: Die Metalness Map (manchmal auch Gloss Map genannt) legt fest, wie stark spiegelnd eine Oberfläche an der Stelle ist.   - Glanz: Die Metalness Map (manchmal auch Gloss Map genannt) legt fest, wie stark spiegelnd eine Oberfläche an der Stelle ist.
   - Höhen- und Tiefen: Die Displacement oder Height Map: Diese legen diese Informationen fest.   - Höhen- und Tiefen: Die Displacement oder Height Map: Diese legen diese Informationen fest.
 +
 +Das [[https://vrdoro.com/store/~/textures/ccHJvZHVjdElkPTIxMjgmc2VuZGVySWQ9MzA5NDg-c|Beispiel dieses Kopfsteinpflasters]] zeigt die Wirkung dieser Elemente. Drehe dort den Würfel nach rechts gegen das Licht.
 +
 +Für Bodenbeläge oder Wanddekorationen, also für alle Texturen, die auf eine Fläche aufgebracht werden gilt:
 +  - Damit die Größenverhältnisse bei der Darstellung der Texturen der Realität entsprechen, werden Maßangaben für die Größe des Texturausschnitts benötigt. Dieses [[https://vrdoro.com/store/~/textures/ccHJvZHVjdElkPTMzMDAmc2VuZGVySWQ9MzA5NDg-c|Parkettbeispiel]] zeigt einen Ausschnitt von 5997 mm x 5997 mm.
 +  - Um eine Fläche zu visualisieren, die Größer ist, als die Fläche, die in der Textur dargestellt ist, wird die Textur wiederholt. Damit an dieser Stelle keine Naht sichtbar ist, wird eine nahtlos wiederholbare (seamless) Textur benötigt.
 +
 +
  
 ===== Eigenschaften von Produkten ===== ===== Eigenschaften von Produkten =====
Zeile 12: Zeile 22:
   * Wände   * Wände
   * Türen   * Türen
 +  * usw.
  
 Letztendlich geht es um die Gestaltung von beliebigen Produktoberflachen. Letztendlich geht es um die Gestaltung von beliebigen Produktoberflachen.
Zeile 22: Zeile 33:
 | Produktname | Eiche Classic One | | Produktname | Eiche Classic One |
 | Bestellnummer | XT4711 | | Bestellnummer | XT4711 |
-| Name der Produktlinie | PARK 18 (2200x181x14mm) |+| Name der Produktlinie | PARK 18 (2200x181x14 mm) |
 | Beschreibung der Produktlinie | Die 3-Schicht-Landhausdiele mit Charakter. Die grosszügigen Landhausdielen aus Eiche unterstreichen mit ihrem charaktervollen Ausprägungen die warme Stimmung ihrer Räume. | | Beschreibung der Produktlinie | Die 3-Schicht-Landhausdiele mit Charakter. Die grosszügigen Landhausdielen aus Eiche unterstreichen mit ihrem charaktervollen Ausprägungen die warme Stimmung ihrer Räume. |
 | Materialname | Eiche Parkett geräuchert ruhig | | Materialname | Eiche Parkett geräuchert ruhig |
Zeile 30: Zeile 41:
 | Haltbarkeitsklasse | 2  (1-5) | | Haltbarkeitsklasse | 2  (1-5) |
 | Lieferzone | AT, DE, FR, NL | | Lieferzone | AT, DE, FR, NL |
-| Realweltbreite der Map | 7230  | +| Realweltbreite der Map | 7230 mm  | 
-| Realwelthöhe der Map | 6420 | +| Realwelthöhe der Map | 6420 mm | 
-| Elementbreite | 1200 | +| Elementbreite | 1200 mm | 
-| Elementhöhe | 300 |+| Elementhöhe | 300 mm |
  
 ===== Verwendung der Bilder ===== ===== Verwendung der Bilder =====
-Die Bilder haben eine unterschiedliche Bedeutung für die Darstellung bei Oberflächen, auf denen diese Texturen angewandt werden. Um ein realistisches Erscheinungsbild zu erhalten sind Maps in dieser Reihenfolge (von wichtig bis weniger wichtig) erforderlich: +Schauen wir uns die technischen Details dazu an. Die Bilder haben eine unterschiedliche Bedeutung für die Darstellung bei Oberflächen, auf denen diese Texturen angewandt werden. Um ein realistisches Erscheinungsbild zu erhalten sind Maps in dieser Reihenfolge (von wichtig bis weniger wichtig) erforderlich: 
-1. Diffuse Map +  - Diffuse Map 
-2. Normal Map +  - Normal Map 
-3. Roughness Map +  - Roughness Map 
-4. Metalness Map +  - Metalness Map 
-5. Displacement oder Height Map+  - Displacement oder Height Map 
 + 
 +Einige Maps enthalten ähnliche Informationen und können verwendet werden, um andere Maps zu erzeugen. So kann z. B. aus einer Height Map oder einer Displacement Map eine Normal Map generiert werden. Das [[https://vrdoro.com/store/~/textures/ccHJvZHVjdElkPTIxMjgmc2VuZGVySWQ9MzA5NDg-c|Beispiel des Kopfsteinpflasters]] verwendet alle von vrdoro unterstützten Bildtypen. 
 + 
 +<ifauth @admin> 
 +<WRAP caution> 
 +Pro-Tip: Um die Maps über den Image-Server beliebig zu manipulieren, kann man sich im Browser die Ember-Componente ''ProductEnvEditor'' nach $E holen und dann folgendes ausführen: 
 +  * ''$E.fixedFilterOptions = {}'' # dies entfernt den tint-filter 
 +  * ''$E.setParam = () => { return ['mod=2&filt=duotone&start=888&stop=111'] }'' # definiere beliebige Parameter 
 + 
 +Danach muss einer der Filter-Slider bewegt werden und dann kann das Ergebnis gesehen werden. 
 +</WRAP> 
 +</ifauth>
  
-Einige Maps enthalten ähnliche Informationen und können verwendet werden, um andere Maps zu erzeugen. So kann z. B. aus einer Height Map oder einer Displacement Map eine Normal Map generiert werden. 
  
 ==== Diffuse Map ==== ==== Diffuse Map ====
Zeile 52: Zeile 74:
 Eine Normal Map beeinflusst den Normalenvektor. In der Geometrie ist ein Normalenvektor, auch Normalvektor, ein Vektor, der orthogonal (d. h. rechtwinklig, senkrecht) auf einer Geraden, Kurve, Ebene, (gekrümmten) Fläche steht. Eine Gerade mit diesem Vektor als Richtungsvektor heißt Normalenvektor (en: Normale). (Mehr dazu: [[https://de.wikipedia.org/wiki/Normalenvektor|Wikipedia]]) Eine Normal Map beeinflusst den Normalenvektor. In der Geometrie ist ein Normalenvektor, auch Normalvektor, ein Vektor, der orthogonal (d. h. rechtwinklig, senkrecht) auf einer Geraden, Kurve, Ebene, (gekrümmten) Fläche steht. Eine Gerade mit diesem Vektor als Richtungsvektor heißt Normalenvektor (en: Normale). (Mehr dazu: [[https://de.wikipedia.org/wiki/Normalenvektor|Wikipedia]])
  
-Der Normalenvektor beeinflusst die Richtung der Lichtreflektion. Mit der Normal Map kann also die Lichtreflektion beeinflusst werden.+Der Normalenvektor beeinflusst die Richtung der Lichtreflexion. Mit der Normal Map kann also die Lichtrexlektion beeinflusst werden.
  
 Bei der Ansicht einer Textur zeigen wir unten zusätzlich einen **Normalen-Qualitätsindikator als einen blaulila Kreis unter dem Texturobjekt** an. Je bewegungsloser dort der helle Punkt ist, desto geringer ist die Abweichung von der senkrechten Normalen bei dieser Textur. Bei der Ansicht einer Textur zeigen wir unten zusätzlich einen **Normalen-Qualitätsindikator als einen blaulila Kreis unter dem Texturobjekt** an. Je bewegungsloser dort der helle Punkt ist, desto geringer ist die Abweichung von der senkrechten Normalen bei dieser Textur.
  
-{{:store:pasted:20240214-102834.png?Direct&200 |}} +{{:store:pasted:20240214-102834.png?Direct&200}} 
-**Was sagt ein rotierender Punkt auf dem Normalen-Qualitätsindikator aus?** Rotiert hier der helle Punkt, dann wird eine Reflektion durch die Normal Map so beeinflusst, dass eine Rotation der Fläche um die senkrechte Achse für eine Lichtspiegelung eine Positionsverschiebung der Spiegelung bewirkt. Das heißt: Soll die Textur für einen Bodenbelag verwendet werden, dann macht es bezüglich der Reflektion einen Unterschied, wenn die Fläche um 180 Grad gedreht wird. Die Reflektion einer Sonne auf dieser spiegelnden Textur wird dann versetzt angezeigt, was zu ungewünschten Effekten führen kann.+ 
 +**Was sagt ein rotierender Punkt auf dem Normalen-Qualitätsindikator aus?** Rotiert hier der helle Punkt, dann wird eine Reflexion durch die Normal Map so beeinflusst, dass eine Rotation der Fläche um die senkrechte Achse für eine Lichtspiegelung eine Positionsverschiebung der Spiegelung bewirkt. Das heißt: Soll die Textur für einen Bodenbelag verwendet werden, dann macht es bezüglich der Reflexion einen Unterschied, wenn die Fläche um 180 Grad gedreht wird. Die Reflexion einer Sonne auf dieser spiegelnden Textur wird dann versetzt angezeigt, was zu ungewünschten Effekten führen kann.
  
 Für gerade Flächen wie Böden oder Wände sollten nur Texturen verwendet werden, bei denen der Normalen-Qualitätsindikator einen möglichst stabilen Punkt anzeigt. Für gerade Flächen wie Böden oder Wände sollten nur Texturen verwendet werden, bei denen der Normalen-Qualitätsindikator einen möglichst stabilen Punkt anzeigt.
Zeile 65: Zeile 88:
  
  
-{{ :store:generatemap.png?direct&800 |}}+{{:store:generatemap.png?direct&800}}
  
 Die Schaltfläche ''Generieren'' wird verwendet, um eine Normal Map aus der Diffuse Map zu erstellen. Diese Schaltfläche kann verwendet werden, wenn die Texturen keine Normal Map haben oder die Normal Map nicht korrekt ist. Nachdem die Normal Map erstellt wurde, werden die Filteroptionen mit den Standardwerten angezeigt, mit denen sie erstellt wurde. Diese Werte können je nach Bedarf angepasst werden. Bei jeder Änderung der Filteroptionen wird eine neue Karte erstellt und die Ergebnisse sind auf der Texturkugel zu sehen.  Die Schaltfläche ''Generieren'' wird verwendet, um eine Normal Map aus der Diffuse Map zu erstellen. Diese Schaltfläche kann verwendet werden, wenn die Texturen keine Normal Map haben oder die Normal Map nicht korrekt ist. Nachdem die Normal Map erstellt wurde, werden die Filteroptionen mit den Standardwerten angezeigt, mit denen sie erstellt wurde. Diese Werte können je nach Bedarf angepasst werden. Bei jeder Änderung der Filteroptionen wird eine neue Karte erstellt und die Ergebnisse sind auf der Texturkugel zu sehen. 
  
-Die Schaltfläche ''Speichern'' erscheint, wenn wir eine normale Karte erzeugen. Wenn Sie auf die Schaltfläche ''Speichern'' klicken, wird die neu erzeugte normale Karte in den Texturen als normale Karte gespeichert oder die vorhandene normale Karte wird durch die neue Karte ersetzt.  +Die Schaltfläche ''Speichern'' erscheint, wenn wir eine normale karte erzeugen. Wenn Du auf die Schaltfläche ''Speichern'' klickst, wird die neu erzeugte normale Karte in den Texturen als normale Karte gespeichert oder die vorhandene normale Karte wird durch die neue Karte ersetzt.
- +
  
 ==== Roughness Map ==== ==== Roughness Map ====