WebGL HDR: High Dynamic Range Rendering

Allgemein Schlagwörter: , , 0 Kommentare
Voiced by Amazon Polly

In der Computergrafik ist es üblich, Bilder in einem als RGB bekannten Format darzustellen. Eines der größten Probleme bei diesem Format ist die Schwierigkeit, realistische Lichtszenarien mit einem großen Farbspektrum (auch bekannt als Dynamikumfang einer Szene) zu simulieren. Zum Beispiel ist es mit traditionellen Methoden schwierig, eine wirklich helle Sonne und eine dunkle Gasse im gleichen Bild ohne Detailverlust einzufangen.

Ein High Dynamic Range Image (HDRI, -Bild) ist eine Rastergrafik, die große Helligkeitsunterschiede detailreich wiedergibt. Digitale Bilder mit geringem Dynamikumfang werden als Low Dynamic Range Images oder LDR-Bilder bezeichnet.

HDR-Bilder können von Spezialkameras aufgenommen, als 3D-Computergrafiken künstlich erzeugt oder aus einer Belichtungsreihe von Fotos mit niedrigem Dynamikumfang (low dynamic range, LDR) rekonstruiert werden. HDR-Bildern können Über- und Unterbelichtungen vermieden, Bilddetails besser erhalten. Nicht nur die Fotografie und Computergrafik, sondern auch Anwendungen wie die Medizin oder virtuelle Realität profitieren von diesen Vorteilen.

Grundsätzlich macht HDR helle Dinge wirklich hell, dunkle Dinge wirklich dunkel und hat noch genügend Kontrast, um Details zu erkennen.

HDR in

hat eine WebGL-Demo mit variabler Belichtung und grundlegender Gammakorrektur / Tone Mapping erstellt.

https://blog.r23.de/r23webvr/three.js-r93/examples/webgl_hdr.html
 

Die Stanford Memorial Church befindet sich auf dem Main Quad im Zentrum des Stanford University Campus in Stanford, Kalifornien, USA. Es wurde während der amerikanischen Renaissance von Jane Stanford als Denkmal für ihren Mann Leland errichtet.

Das Gebäude ist romanisch in seiner Form und byzantinisch in seinen Details, inspiriert von Kirchen in der Region Venedig, vor allem Ravenna. Seine Glasfenster und umfangreichen Mosaiken basieren auf religiösen Gemälden, die die Stanfords in Europa bewunderten.
https://de.wikipedia.org/wiki/Stanford_Memorial_Church

Farben mittels Shader in einen WebGL-Kontext hinzufügen

Links

https://developer.mozilla.org/de/docs/Web/API/WebGL_API/Tutorial/Farben_mittels_Shader_in_einen_WebGL-Kontext_hinzuf%C3%BCgen

HDR-Rendering

Neuere Grafikkarten unterstützen das hardwarebasierte Echtzeitrendern mit hohem Dynamikumfang, oft High Dynamic Range Rendering (HDRR) genannt. Dies ist besonders bei Computerspielen sinnvoll, bei denen der Spieler oft zwischen dunklen und hellen Szenen wechselt. Auch Grafikeffekte wie Linsenstreuung wirken mit HDRR realistischer. Die erreichbare Präzision und der Dynamikumfang sind durch die zur Verfügung stehende Rechenleistung beschränkt.

In der gekauften Schulung lernen wir das HDR-Rendering in Section 4 – Chapter 2 – Lighting and HDR.mp4.

Links

HDR-Fotografie (Heise Foto)
High Dynamic Range Image Encodings (Greg Ward, Anyhere Software) – Vergleich verschiedener HDR-Kodierungen (englisch)

Jetzt bist du gefragt!

Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freue ich mich auf deinen Kommentar.

Du kannst diesen Beitrag natürlich auch weiterempfehlen. Ich bin dir für jede Unterstützung dankbar!

WebGL HDR: High Dynamic Range Rendering
Foto: Screenshot Beispiel WebGL HDR 93 von three.js

Wie können wir Ihnen helfen?

Sie wollen online richtig verkaufen? Wir unterstützen Sie in allen bei der Umsetzung Ihres E-Commerce-Projekts! Egal ob 360° Produktfotografie, 3D-Scan Service, Charakterdesign, Webkarten, Responsive Web Design, 3D-Visualisierung oder Architekturvisualisierung – wir beraten Sie persönlich und unverbindlich.

Sprechen Sie mit uns über Ihr 3D-Commerce-Projekt!


Schreibe einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Durch das Anhaken der Checkbox erklären Sie sich mit der Speicherung und Verabeitung Ihrer Daten durch diese Webseite einverstanden. Um die Übersicht über Kommentare zu behalten und Missbrauch zu verhindern, speichert diese Webseite Name, E-Mail und Kommentar. Detaillierte Informationen finden Sie in der Datenschutzerklärung.

Aktuell