Visualisierung von 3D-Modellen, CAD-Modelle, Architektur-Präsentation, Präsentation, Volumenmodelle, Flächenmodelle, VLR, HLR, Rendering, Flat-Shading, Gouraud-Shading, Phong-Shading, Raytracing, Radiosity, Anti-Aliasing

<body stylesrc="magbody.htm" bgcolor="#FFFFFF" link="#306531" vlink="#4A4A4A" alink="#800000">  <table border="0" cellspacing="0" width="100%"> <tr> <td bgcolor="#DEDEDE" colspan="2" valign="middle" align="center" width="147"><nobr><a href="javascript:history.back()" target="_self"> <img src="../i/zurueck2.gif" hspace="5" vspace="16" alt="1 Seite zurück" border="0" width="20" height="15"></a><a target="_top" href="index.htm"><img src="../i/zurueck.gif" border="0" vspace="15" hspace="5" width="15" height="20"></a><nobr><br> <img src="../i/m-leer.gif" width="150" height="2"></nobr></nobr></td> <td bgcolor="#DEDEDE" width="98%"><p class="ueb"><a name="Seitenanfang"></a> <SCRIPT LANGUAGE="JavaScript"> </SCRIPT> <NOSCRIPT> <IMG SRC="http://baulinks.ivwbox.de/cgi-bin/ivw/CP/AECmag?r=referrer" WIDTH="1" HEIGHT="1"> </NOSCRIPT> <strong>Visualisierung von 3D-Modellen</strong><img src="../i/m-leer.gif" width="19" height="20" alt="Visualisierung, 3D-Modellen, CAD-Modelle, Architektur-Präsentation, Präsentation, Volumenmodelle, Flächenmodelle, VLR, HLR, Rendering, Flat-Shading, Gouraud-Shading, Phong-Shading, Raytracing, Radiosity, Anti-Aliasing"></td> </tr> <tr> <td bgcolor="#000000" colspan="3" width="729">    </td> </tr> <tr> <td align="center" width="142" bgcolor="#DEDEDE" valign="top"><p align="center"><img src="../i/m-leer.gif" width="140" height="20"><br>   erste Fassung:<br> 18.8.1997</td> <td width="8" background="../i/trennlin.jpg">  </td> <td valign="top" width="99%"><h3><strong>  <br> Kapitelübersicht:</strong></h3> <p class="kr-neu"><a href="#0"><img src="../i/m-spiral.gif" border="0" width="16" height="17"></a><strong> Schein oder Sein</strong></p> <p class="kr-neu"><strong><a href="#1"> <img src="../i/m-spiral.gif" border="0" width="16" height="17"></a> vektororientierte Darstellungsmethoden</strong></p> <p class="kr-neu"><strong><a href="#2"> <img src="../i/m-spiral.gif" border="0" width="16" height="17"></a> Rendering-Methoden</strong></p> <p class="kr-neu"><strong><a href="#3"> <img src="../i/m-spiral.gif" border="0" width="16" height="17"></a> Methoden zur Bildverbesserung</strong></p> <p class="kr-neu"><strong><a href="#4"> <img src="../i/m-spiral.gif" border="0" width="16" height="17"></a> bewegte Bilder</strong></p> <p class="kr-neu"><strong><a href="#5"> <img src="../i/m-spiral.gif" border="0" width="16" height="17"></a> weiterführende Informationen im Glossar<br>   </strong></td> </tr> </table> <table border="0" cellspacing="0" width="100%"> <tr> <td bgcolor="#000000" width="729">    </td> </tr> </table> <table border="0" cellspacing="0" width="100%"> <tr> <td align="center" width="142" bgcolor="#DEDEDE" valign="top"><p align="center"><img src="../i/m-leer.gif" width="140" height="20"><br> kursiv markierte Links verweisen auf GLOSSAR.de</td> <td width="8" background="../i/trennlin.jpg">  </td> <td valign="top" width="98%"><h3>  <br> <a name="0">Schein und Sein</a></h3> <p>Es hat schon ein bißchen mit dem Blick in die Kugel einer Wahrsagerin zutun, dieser Wunsch von Technikern, Designern und Architekten, sich ihre Konstruktionen und Entwürfe so realistisch wie möglich anschauen zu können - bevor sie Realität werden. Und der Wunsch ist auch verständlich, werden doch an den Reißbrettern (aussterbend) und CAD-Anlagen (auf dem Vormarsch) vorrangig immer wieder nur Erstlinge entworfen, deren späteres Aussehen sehr häufig und sehr früh "Laien" (Managern, Banken, Bauherren,...) anschaulich gemacht werden müssen. Aber nicht nur zu Präsentationszwecken werden solche Ausblicke in die Zukunft benötigt, sie helfen auch direkt bei der Konstruktion, indem Details, Anschlüsse, Knoten oder Ecken, in denen z.B. gleich mehrere Planungsebenen aufeinandertreffen, realistisch dargestellt werden.</p> <p>Waren es früher vorrangig maßstäbliche Modelle, so wird heute mehr und mehr die preiswerte Rechenleistung von Computern genutzt, um in Form von Standbildern, Animationen oder RealTime-Simulationen die Noch-nicht-Realität zu veranschaulichen. Dazu werden dreidimensional aufgebaute Computermodelle benötigt, die häufig noch ausschließlich für die Visualisierung aufgebaut werden. Besonders interessant wird die Visualisierung von Erstlingen mittels Computer aber natürlich dann, wenn die ganze Konstruktion <img src="aec-x/animot1.gif" align="right" hspace="5" vspace="5" width="352" height="224">bereits dreidimensional erfolgt. Denn einen Vorteil hat ein dreidimensionales CAD-Modell gegenüber dem altehrwürdigen Knet-, Papp- oder Styropor-Modell auf jeden Fall: es ist früher verfügbar und reagiert auf Änderung der Konstruktion automatisch (Bild von <a target="_new" href="http://www.anymotion.net">Animotion</a>, Achim). </p> <p>Daß solche Darstellungen bis zum Fotorealismus getrieben werden können, ist inzwischen in allen Publikationen zum Thema ausreichend zu begutachten. So weit muß man aber gar nicht gehen. Die technischen Möglichkeiten allein, sollten noch lange nicht zur unreflektierten Er- und Bearbeitung solcher hochwertigen, realitätsnahen Abbildungen verleiten. Diese können in vielen Fällen eine Mixtur aus Wissen, Erfahrung und Einfühlungsvermögen voraussetzen, die man sich nicht für ein bis zwei Anwendungsfälle pro Jahr aneignet. Es können nämlich Techniken und Know-how gefragt sein, die außerhalb normalen Ingenieurs- und auch landläufigen Computerwissens liegen  wie beispielsweise physikalische Kenntnisse über Lichtbrechung, Reflexionen sowie Farbenlehre, dann Materialkenntnisse über Oberflächen, Leuchtkörper und Beschaffenheit von durchsichtigen Stoffen (Glas, Wasser,...), und nicht zu vergessen das Gespür für die Wirkung von Licht und Schatten. Selbst wenn die neueste Generation von <a target="_blank" href="http://www.glossar.de/glossar/z_rendering.htm">Rendering</a>-Programmen (so nennt man die Software, die im <img src="i/church2.gif" align="left" hspace="5" vspace="5" width="320" height="240">weitesten Sinne bunte Bilder erzeugt) den Anwender hervorragend bei der Bilderstellung unterstützt, so wird vom Laien eine "Nebenbei-Visualisierung" bewußt oder unbewußt schnell daran gemessen, was er tagtäglich als Jingles im Fernseher zu sehen bekommt  und die werden von Grafik- und Video-Profis auf spezialisierten Hochleistungs-Computer errechnet und mit zusätzlicher Videobearbeitung aufgemotzt. Renderings (von Rendering-Programmen erstellte Bilder und Animationen), die dagegen mit den typischen Boardmitteln (Zusatzfunktionen des verwendeten CAD-Programm oder Beigaben von Grafikkarten) auf PCs so nebenbei erstellt werden, können somit auch das Gegenteil von dem erreichen, was mit der Präsentation eigentlich erreicht werden sollte - das muß nicht so sein, aber die Gefahr ist gegeben (siehe links). Um Erfolg zu haben, sollten sich also Art und Umfang einer Visualisierung nüchtern nach deren Zielen und Zweckmäßigkeiten richten  und nicht nach den technischen (aber möglicherweise nicht beherrschten) Möglichkeiten. Weniger ist dann häufig mehr.<br>   </td> </tr> </table> <table border="0" cellspacing="0" width="100%"> <tr> <td align="center" width="142" bgcolor="#DEDEDE" valign="top"><p align="center"><img src="../i/m-leer.gif" width="140" height="20"><br> </td> <td width="8" background="../i/trennlin.jpg">  </td> <td valign="top" width="98%"><h3><a name="1"><strong>vektororientierte Darstellungsmethoden</strong></a></h3> <p>Die Varianten der 3D-Visualisierung sind ganz vielfältig. Die richtige herauszufischen, hängt vom Anlaß und den vorgegebenen technischen wie künstlerischen Möglichkeiten ab: </p> <table border="0" align="right" cellspacing="5" cellpadding="0"> <tr> <td><img src="i/isometr.gif" width="89" height="111"></td> </tr> <tr> <td><img src="i/iso-vlr.gif" width="89" height="111"></td> </tr> </table> <p>Immer ausgehend von einem bestehenden <a target="_new" href="http://www.glossar.de/glossar/z_modellbildung.htm">3D-Modell</a> (Flächen- / Volumenmodell) dürfte die einfachste Form der Visualisierung durch eine Verdeckte-Linien- (Be-) Rechnung (VLR). Um eine VLR-Darstellung zu erreichen, werden vom Computer die Elementkanten entfernt, die ganz oder teilweise von anderen Elementen verdeckt werden. Es entsteht dabei eine zweidimensionale Grafik, die in der Regel wieder aus Vektoren besteht und wie jede andere 2D-Zeichnung mit den üblichen CAD-Werkzeugen manipuliert werden kann. Dieses ist häufig auch nötig, da Durchstoßkanten bei nicht perfekt modellierten Details (z.B. wenn ein Schornstein durch die Dachfläche stößt) zur Zeit selten automatisch erzeugt werden. (Natürlich sollte sich der Bearbeiter überlegen, ob die paar Minuten, die pro VLR-Bild für das Nachbessern von Durchdringungen anzusetzen sind, eine konsequenten Durchmodellierung rechtfertigen. <img src="i/skribbel.gif" align="left" hspace="6" vspace="12" width="200" height="264">Zu bedenken ist dabei auch, daß selten alle Details, die durchmodelliert werden müßten, nach einer Verdeckten-Linien-Berechnung noch sichtbar sind.)</p> <p>Während die Funktionen zur Berechnung eines VLR-Zeichnung in der Regel zum Standard-Leistungsumfang eines 3D-CAD-Systems gehören, sind ergänzende Zusatzprogramme meistens nur optional erhältlich  wie z.B. Programme zum Verfremden von VLR-Resultaten (siehe links - erstellt mit Skribbel von <a href="http://www.softtech.de" target="_blank">softTECH</a>) </p> <p>VLR-Bilder eignen sich nach dem Ausplotten besonders auch zur manuellen grafischen Aufbereitung mit beispielsweise Airbrush-Techniken oder zur Kolorierung mit Hilfe von Farbstiften.<br>   </td> </tr> </table> <table border="0" cellspacing="0" width="100%"> <tr> <td align="center" width="142" bgcolor="#DEDEDE" valign="top"><p align="center"><img src="../i/m-leer.gif" width="140" height="20"><br> </td> <td width="8" background="../i/trennlin.jpg">  </td> <td valign="top" width="98%"><h3><a name="2"><strong>Rendering-Methoden</strong></a></h3> <p>Per Computer kommt die Farbe in´s Bild mit Hilfe der bereits erwähnten Rendering-Programme. Diese Programme berechnen keine skalierbaren <a href="http://www.glossar.de/glossar/amglos_v.htm#vektororientiert" target="_new">Vektor-Grafiken</a> sondern Pixel-Bilder mit einer frei einstellbaren Auflösung von beispielsweise 600x480 oder 1200x1000 Bildpunkten. Je nach Anspruch und Anwendungszweck, sowie technischen Ausstattung und eingesetzter Software unterscheidet man mehrere <a target="_blank" href="http://www.glossar.de/glossar/z_rendering.htm">Rendering</a>-Methoden:</p> <p><img src="i/sh-flat.gif" align="right" hspace="5" vspace="5" width="200" height="190">Beim <a name="FlatShading"><strong>Flat-Shading</strong> </a>werden alle Flächen (Polygone) eines Elementes auf der Grundlage der Original-CAD-Farbe und der Ausrichtung zu EINER imaginären, meist fest vordefinierten Lichtquelle mehr oder weniger schattiert dargestellt. Im Unterschied zu weiter unten beschriebenen Methoden, werden beim Flat-Shading alle Bildpunkte einer Fläche mit der selbe Farbschattierung dargestellt. Das fällt besonders bei Kugeln auf, die je nach Aufteilung in Einzelpolygone ziemlich eckig aussehen können. </p> <p>Durch eine Technik, die man Z-Buffering nennt, wird während der Bearbeitung eines Polygons für jeden einzelnen der zur Darstellung notwendigen Bildpunkte festgestellt, ob dieser aus Sicht des Betrachter vor oder hinter einem bereits ermittelten Bildpunkt liegt. Dadurch werden im übrigen Durchdringungen auch ohne exakte Modellierung sichtbar.</p> <table border="0" align="right" cellpadding="4"> <tr> <td align="center" valign="top"> <img src="i/sh-gour.gif" align="top" hspace="2" width="200" height="190"></td> <td align="center" valign="top"><img src="i/sh-phong.gif" align="top" width="200" height="190"></td> </tr> <tr> <td align="center" valign="top">Gouraud-Shading</td> <td align="center" valign="top">Phong-Shading</td> </tr> </table> <p>Auf den ersten Blick sind das <strong>Gouraud- und Phong-Shading</strong> miteinander verwandt (nach den jeweiligen Entwicklern benannt). Durch mathematisch unterschiedliche Verfahren (Stichwort: Anordnung und Interpolation der <a href="http://www.glossar.de/glossar/amglos_n.htm#Normale" target="_new">Flächennormalen</a>) erzeugen beide Methoden auf den Modellflächen Farbverläufe, wobei aber das Phong-Shading wesentlich plastischere Resultate liefert  besonders deshalb, weil Lichtreflexionen besser herausgearbeitet werden (siehe auch <a target="_new" href="http://www.glossar.de/glossar/z_visualisierung.htm#Shading">Shading</a>).Berechnungszeiten, die zur Bilderstellung anfallen, sind beim Shading vorrangig abhängig von der Anzahl der Flächen im Modell. Begünstigt durch Hardware, in der Z-Buffering-Technologie implementiert ist und die von dem eingesetzten Programm unterstützt werden muß, reduziert sich die Berechnungszeit auch bei großen Modellen auf einige Sekunden.</p> <p>Fotorealismus ist mit diesen bisher genannten Methoden nicht machbar. Texturen (Oberflächendarstellungen) sind zwar möglich, und auch Schatten werden von diversen Programmen mit einigen Tricks in die Bildberechnung einbezogen ("Z-Buffer-Schatten", auch als "unechte Schatten" verschrieen), aber die perfekte Darstellung erfordert Spiegelungen, Transparenzen und Licht-Brechungen - berechnet mittels <strong>Raytracing</strong> (Strahl-Verfolgung). </p> <p><img src="i/vs-rayt.gif" align="right" hspace="5" vspace="5" width="200" height="190">Diese aufwendige Berechnungsmethode ermittelt für jeden einzelnen Bildpunkt einen Farbwert, indem  bildlich gesprochen  vom Auge aus durch den zu ermittelnden Bildpunkt auf das Model geschaut wird. Trifft dieser Seh-Strahl auf einen "Gegenstand" wird die Beschaffenheit und die Ausrichtung zu den Lichtquellen ermittelt. Falls notwendig  z.B. wegen einer spiegelnden Oberfläche  läuft der Seh-Strahl weiter, um festzustellen, was sich in der Oberfläche spiegelt. Die Berechnungszeiten, die beim Raytracing anfallen, sind also sehr abhängig von der Modellbeschaffenheit. Viel Glas, viele spiegelnde Oberflächen, viele Lichtquellen und natürlich die Bildgröße treiben die Berechnungszeiten nach oben.</p> <p>So gut das Raytracing-Verfahren auch ist, <strong>Radiosity</strong> ist noch ein bißchen besser und wird  falls verfügbar  besonders gerne bei der Darstellung von Innenräumen verwendet. Gegenüber dem Raytracing, das nur definierte Lichtquellen bei den Schattenberechnungen berücksichtigt, ist beim Radiosity-Verfahren mit Hilfe eines gesondert zu berechnenden Energie- bzw. Beleuchtungs-Modells jede Fläche Licht abstrahlend. Neben noch perfekteren Bildern eröffnet das Radiosity-Verfahren auch weitere Möglichkeiten  z.B. die Simulation indirekter Beleuchtung und Lichtumlenkungen  aber auf PCs wird das Radiosity-Verfahren kaum angewendet.<br>   </td> </tr> </table> <table border="0" cellspacing="0" width="100%"> <tr> <td align="center" width="142" bgcolor="#DEDEDE" valign="top"><p align="center"><img src="../i/m-leer.gif" width="140" height="20"><br> </td> <td width="8" background="../i/trennlin.jpg">  </td> <td valign="top" width="98%"><h3><a name="3"><strong>Methoden zur Bildverbesserung</strong></a></h3> <p>Die Qualität von Rendering-Bildern wird aber nicht nur bestimmt von der eingesetzten Rendering-Methode, sondern auch von Sensibilität, mit der feine Strukturen  z.B. Fugen oder dünne Geländerstäbe  berücksichtigt werden. Besonders bei kleinformatigen Bildern können starke <strong>Treppeneffekte</strong> und zerrissene Konturen den ganzen Bildeindruck zerstören wie in den beiden folgenden Bildern nachzuvollziehen ist:</p> <center><table border="0"> <tr> <td align="center" valign="top">mit Treppeneffekt</td> <td align="center"><img src="i/cal-pre.gif" hspace="2" width="320" height="256"></td> </tr> <tr> <td align="center" valign="top">ohne Treppeneffekt</td> <td align="center"><img src="i/cal-voll.gif" hspace="2" width="320" height="256"></td> </tr> </table> </center><p>Allerdings muß auch festgestellt werden, daß das rechte Bild mehr als doppelt solange berechnet wurde wie das linke (siehe auch <a href="http://www.glossar.de/glossar/amglos_a.htm#anti_aliasing" target="_new">Anti-Aliasing</a>, Modell von BASYS, Berlin).</p> <p>Auch der extensive Einsatz von <a href="http://www.glossar.de/glossar/amglos_t.htm#Textur"><strong>Texturen</strong></a> zur Darstellung von beispielsweise Holzoberflächen führt nicht zwangsläufig zum besseren Bild (siehe auch 2. Bild in diesem Aufsatz): je kleinformatigen das Bild, desto mehr ist eine Abstraktion zu bevorzugen. </p> <p>Zu bedenken ist auch, ob bereits das Rendering-Programm das perfekte Bild erzeugen muß, oder ob man nicht später erst mit reinrassigen Bildverarbeitungsprogrammen den Hintergrund dazu setzt - oder kleine Farbveränderungen vornimmt oder Lichtreflexe setzt oder Beschriftungen ergänzt oder ... (wie im ersten Bild ganz oben zusehen)</p> <h3><a name="4"><strong>bewegte Bilder</strong></a></h3> <p>Mit der Vorstellung der wichtigsten Rendering-Methoden ist natürlich das Thema der 3D-Visualisierung noch lange nicht erschöpft. Alle beschriebenen Verfahren können nicht nur für die Erstellung von Einzelbildern angewandt werden; zumindest theoretisch lassen sich damit natürlich auch umfangreiche Animationen entwickeln. Zu bedenken ist aber, daß mindestens 15 Einzelbilder (besser noch 20 oder 24 Bilder) für eine Sekunde Animation benötigt werden. Das Raytracing-Verfahren läßt sich dazu aufgrund der verhältnismäßig langen Berechnungszeiten eines einzelnen Bilder für Animationen wohl kaum einsetzen  sofern man nicht mit dafür abgestellter Rechnerleistung ausgestattet ist. </p> <p>Im kommen ist die RealTime-Simulation besser bekannt als Virtual Reality. Dann setzen sich beispielsweise Architekt und Bauherr gemeinsam vor den Bildschirm und gemeinsam können sie mit Maus oder Joystick die Noch-nicht-Realität durchwandern und besprechen. Anders als bei einer vorbereiteten Animation passiert hier die Bildberechnung so, wie die Kommandos gegeben werden. Diese Bilder sind selbst auf Großcomputern nicht immer photorealistisch, ihre Qualität besteht in der unmittelbaren Ansteuerung durch den Bediener. Und das wird es in Zukunft auch im INTERNET geben. Per <a href="f-2d3d.htm" target="_new">VRML</a>-Technik kann sich dann ein Interessent auf der Homepage eines Immobilienmaklers seine künftiges Domizil unverbindlich erst einmal genau anschauen  bevor er den näheren Kontakt sucht (siehe auch "<a href="f-2d3d.htm" target="_top">Illustrationen im Internet</a>").</p> <h3><strong>weiterführende Informationen im <a name="5">Glossar</a>:</strong></h3> <blockquote> <p><a href="http://www.glossar.de/glossar/z_visualisierung.htm"> <img src="../i/m-spiral.gif" border="0" width="16" height="17"></a><strong> Darstellen und Visualisieren<br> <a href="http://www.glossar.de/glossar/z_rendering.htm"> <img src="../i/m-spiral.gif" border="0" width="16" height="17"></a> Rendering-Effekte</strong></p> <p><strong><a href="http://www.glossar.de/glossar/z_cad.htm"> <img src="../i/m-spiral.gif" border="0" width="16" height="17"></a> CAD<br> <a href="http://www.glossar.de/glossar/z_bildformate.htm"> <img src="../i/m-spiral.gif" border="0" width="16" height="17"></a> Bildformate (GIF, JPEG, PNG, ...)<br> <a href="http://www.glossar.de/glossar/z_ibr.htm"> <img src="../i/m-spiral.gif" border="0" width="16" height="17"></a> IBR (Image-based Rendering)<br> <a href="http://www.glossar.de/glossar/z_modellbildung.htm"> <img src="../i/m-spiral.gif" border="0" width="16" height="17"></a> Modellbildung</strong><br>   </p> </blockquote> </td> </tr> </table> <table border="0" cellspacing="0" width="100%"> <tr> <td align="right" bgcolor="#000000"><font color="#AFD8B0"><strong>  </strong></font></td> </tr> <tr> <td align="right"><p class="kringelliste"><font color="#000000"><strong>© Alfons Oebbeke, Neustadt 1997 - 2001<br>   <br> </strong></font><a href="#Seitenanfang" target="_self"><img src="../i/m-spiral.gif" border="0" WIDTH="16" HEIGHT="17"></a> zurück zum Seitenanfang<br> <a target="_top" href="index.htm"><img src="../i/m-spiral.gif" border="0" WIDTH="16" HEIGHT="17"></a> zur Magazin-Übersicht<br> <a target="_top" href="http://www.aecweb.de"><img src="../i/m-spiral.gif" border="0" WIDTH="16" HEIGHT="17"></a>oder Titelseite ("home")</td> </tr> </table>  <strong>Visualisierung von 3D-Modellen</strong><img src="../i/m-leer.gif" width="19" height="20" alt="Visualisierung, 3D-Modellen, CAD-Modelle, Architektur-Präsentation, Präsentation, Volumenmodelle, Flächenmodelle, VLR, HLR, Rendering, Flat-Shading, Gouraud-Shading, Phong-Shading, Raytracing, Radiosity, Anti-Aliasing"></td> </tr> <tr> <td bgcolor="#000000" colspan="3" width="729">    </td> </tr> <tr> <td align="center" width="142" bgcolor="#DEDEDE" valign="top"><p align="center"><img src="../i/m-leer.gif" width="140" height="20"><br>   erste Fassung:<br> 18.8.1997</td> <td width="8" background="../i/trennlin.jpg">  </td> <td valign="top" width="99%"><h3><strong>  <br> Kapitelübersicht:</strong></h3> <p class="kr-neu"><a href="#0"><img src="../i/m-spiral.gif" border="0" width="16" height="17"></a><strong> Schein oder Sein</strong></p> <p class="kr-neu"><strong><a href="#1"> <img src="../i/m-spiral.gif" border="0" width="16" height="17"></a> vektororientierte Darstellungsmethoden</strong></p> <p class="kr-neu"><strong><a href="#2"> <img src="../i/m-spiral.gif" border="0" width="16" height="17"></a> Rendering-Methoden</strong></p> <p class="kr-neu"><strong><a href="#3"> <img src="../i/m-spiral.gif" border="0" width="16" height="17"></a> Methoden zur Bildverbesserung</strong></p> <p class="kr-neu"><strong><a href="#4"> <img src="../i/m-spiral.gif" border="0" width="16" height="17"></a> bewegte Bilder</strong></p> <p class="kr-neu"><strong><a href="#5"> <img src="../i/m-spiral.gif" border="0" width="16" height="17"></a> weiterführende Informationen im Glossar<br>   </strong></td> </tr> </table> <table border="0" cellspacing="0" width="100%"> <tr> <td bgcolor="#000000" width="729">    </td> </tr> </table> <table border="0" cellspacing="0" width="100%"> <tr> <td align="center" width="142" bgcolor="#DEDEDE" valign="top"><p align="center"><img src="../i/m-leer.gif" width="140" height="20"><br> kursiv markierte Links verweisen auf GLOSSAR.de</td> <td width="8" background="../i/trennlin.jpg">  </td> <td valign="top" width="98%"><h3>  <br> <a name="0">Schein und Sein</a></h3> <p>Es hat schon ein bißchen mit dem Blick in die Kugel einer Wahrsagerin zutun, dieser Wunsch von Technikern, Designern und Architekten, sich ihre Konstruktionen und Entwürfe so realistisch wie möglich anschauen zu können - bevor sie Realität werden. Und der Wunsch ist auch verständlich, werden doch an den Reißbrettern (aussterbend) und CAD-Anlagen (auf dem Vormarsch) vorrangig immer wieder nur Erstlinge entworfen, deren späteres Aussehen sehr häufig und sehr früh "Laien" (Managern, Banken, Bauherren,...) anschaulich gemacht werden müssen. Aber nicht nur zu Präsentationszwecken werden solche Ausblicke in die Zukunft benötigt, sie helfen auch direkt bei der Konstruktion, indem Details, Anschlüsse, Knoten oder Ecken, in denen z.B. gleich mehrere Planungsebenen aufeinandertreffen, realistisch dargestellt werden.</p> <p>Waren es früher vorrangig maßstäbliche Modelle, so wird heute mehr und mehr die preiswerte Rechenleistung von Computern genutzt, um in Form von Standbildern, Animationen oder RealTime-Simulationen die Noch-nicht-Realität zu veranschaulichen. Dazu werden dreidimensional aufgebaute Computermodelle benötigt, die häufig noch ausschließlich für die Visualisierung aufgebaut werden. Besonders interessant wird die Visualisierung von Erstlingen mittels Computer aber natürlich dann, wenn die ganze Konstruktion <img src="aec-x/animot1.gif" align="right" hspace="5" vspace="5" width="352" height="224">bereits dreidimensional erfolgt. Denn einen Vorteil hat ein dreidimensionales CAD-Modell gegenüber dem altehrwürdigen Knet-, Papp- oder Styropor-Modell auf jeden Fall: es ist früher verfügbar und reagiert auf Änderung der Konstruktion automatisch (Bild von <a target="_new" href="http://www.anymotion.net">Animotion</a>, Achim). </p> <p>Daß solche Darstellungen bis zum Fotorealismus getrieben werden können, ist inzwischen in allen Publikationen zum Thema ausreichend zu begutachten. So weit muß man aber gar nicht gehen. Die technischen Möglichkeiten allein, sollten noch lange nicht zur unreflektierten Er- und Bearbeitung solcher hochwertigen, realitätsnahen Abbildungen verleiten. Diese können in vielen Fällen eine Mixtur aus Wissen, Erfahrung und Einfühlungsvermögen voraussetzen, die man sich nicht für ein bis zwei Anwendungsfälle pro Jahr aneignet. Es können nämlich Techniken und Know-how gefragt sein, die außerhalb normalen Ingenieurs- und auch landläufigen Computerwissens liegen  wie beispielsweise physikalische Kenntnisse über Lichtbrechung, Reflexionen sowie Farbenlehre, dann Materialkenntnisse über Oberflächen, Leuchtkörper und Beschaffenheit von durchsichtigen Stoffen (Glas, Wasser,...), und nicht zu vergessen das Gespür für die Wirkung von Licht und Schatten. Selbst wenn die neueste Generation von <a target="_blank" href="http://www.glossar.de/glossar/z_rendering.htm">Rendering</a>-Programmen (so nennt man die Software, die im <img src="i/church2.gif" align="left" hspace="5" vspace="5" width="320" height="240">weitesten Sinne bunte Bilder erzeugt) den Anwender hervorragend bei der Bilderstellung unterstützt, so wird vom Laien eine "Nebenbei-Visualisierung" bewußt oder unbewußt schnell daran gemessen, was er tagtäglich als Jingles im Fernseher zu sehen bekommt  und die werden von Grafik- und Video-Profis auf spezialisierten Hochleistungs-Computer errechnet und mit zusätzlicher Videobearbeitung aufgemotzt. Renderings (von Rendering-Programmen erstellte Bilder und Animationen), die dagegen mit den typischen Boardmitteln (Zusatzfunktionen des verwendeten CAD-Programm oder Beigaben von Grafikkarten) auf PCs so nebenbei erstellt werden, können somit auch das Gegenteil von dem erreichen, was mit der Präsentation eigentlich erreicht werden sollte - das muß nicht so sein, aber die Gefahr ist gegeben (siehe links). Um Erfolg zu haben, sollten sich also Art und Umfang einer Visualisierung nüchtern nach deren Zielen und Zweckmäßigkeiten richten  und nicht nach den technischen (aber möglicherweise nicht beherrschten) Möglichkeiten. Weniger ist dann häufig mehr.<br>   </td> </tr> </table> <table border="0" cellspacing="0" width="100%"> <tr> <td align="center" width="142" bgcolor="#DEDEDE" valign="top"><p align="center"><img src="../i/m-leer.gif" width="140" height="20"><br> </td> <td width="8" background="../i/trennlin.jpg">  </td> <td valign="top" width="98%"><h3><a name="1"><strong>vektororientierte Darstellungsmethoden</strong></a></h3> <p>Die Varianten der 3D-Visualisierung sind ganz vielfältig. Die richtige herauszufischen, hängt vom Anlaß und den vorgegebenen technischen wie künstlerischen Möglichkeiten ab: </p> <table border="0" align="right" cellspacing="5" cellpadding="0"> <tr> <td><img src="i/isometr.gif" width="89" height="111"></td> </tr> <tr> <td><img src="i/iso-vlr.gif" width="89" height="111"></td> </tr> </table> <p>Immer ausgehend von einem bestehenden <a target="_new" href="http://www.glossar.de/glossar/z_modellbildung.htm">3D-Modell</a> (Flächen- / Volumenmodell) dürfte die einfachste Form der Visualisierung durch eine Verdeckte-Linien- (Be-) Rechnung (VLR). Um eine VLR-Darstellung zu erreichen, werden vom Computer die Elementkanten entfernt, die ganz oder teilweise von anderen Elementen verdeckt werden. Es entsteht dabei eine zweidimensionale Grafik, die in der Regel wieder aus Vektoren besteht und wie jede andere 2D-Zeichnung mit den üblichen CAD-Werkzeugen manipuliert werden kann. Dieses ist häufig auch nötig, da Durchstoßkanten bei nicht perfekt modellierten Details (z.B. wenn ein Schornstein durch die Dachfläche stößt) zur Zeit selten automatisch erzeugt werden. (Natürlich sollte sich der Bearbeiter überlegen, ob die paar Minuten, die pro VLR-Bild für das Nachbessern von Durchdringungen anzusetzen sind, eine konsequenten Durchmodellierung rechtfertigen. <img src="i/skribbel.gif" align="left" hspace="6" vspace="12" width="200" height="264">Zu bedenken ist dabei auch, daß selten alle Details, die durchmodelliert werden müßten, nach einer Verdeckten-Linien-Berechnung noch sichtbar sind.)</p> <p>Während die Funktionen zur Berechnung eines VLR-Zeichnung in der Regel zum Standard-Leistungsumfang eines 3D-CAD-Systems gehören, sind ergänzende Zusatzprogramme meistens nur optional erhältlich  wie z.B. Programme zum Verfremden von VLR-Resultaten (siehe links - erstellt mit Skribbel von <a href="http://www.softtech.de" target="_blank">softTECH</a>) </p> <p>VLR-Bilder eignen sich nach dem Ausplotten besonders auch zur manuellen grafischen Aufbereitung mit beispielsweise Airbrush-Techniken oder zur Kolorierung mit Hilfe von Farbstiften.<br>   </td> </tr> </table> <table border="0" cellspacing="0" width="100%"> <tr> <td align="center" width="142" bgcolor="#DEDEDE" valign="top"><p align="center"><img src="../i/m-leer.gif" width="140" height="20"><br> </td> <td width="8" background="../i/trennlin.jpg">  </td> <td valign="top" width="98%"><h3><a name="2"><strong>Rendering-Methoden</strong></a></h3> <p>Per Computer kommt die Farbe in´s Bild mit Hilfe der bereits erwähnten Rendering-Programme. Diese Programme berechnen keine skalierbaren <a href="http://www.glossar.de/glossar/amglos_v.htm#vektororientiert" target="_new">Vektor-Grafiken</a> sondern Pixel-Bilder mit einer frei einstellbaren Auflösung von beispielsweise 600x480 oder 1200x1000 Bildpunkten. Je nach Anspruch und Anwendungszweck, sowie technischen Ausstattung und eingesetzter Software unterscheidet man mehrere <a target="_blank" href="http://www.glossar.de/glossar/z_rendering.htm">Rendering</a>-Methoden:</p> <p><img src="i/sh-flat.gif" align="right" hspace="5" vspace="5" width="200" height="190">Beim <a name="FlatShading"><strong>Flat-Shading</strong> </a>werden alle Flächen (Polygone) eines Elementes auf der Grundlage der Original-CAD-Farbe und der Ausrichtung zu EINER imaginären, meist fest vordefinierten Lichtquelle mehr oder weniger schattiert dargestellt. Im Unterschied zu weiter unten beschriebenen Methoden, werden beim Flat-Shading alle Bildpunkte einer Fläche mit der selbe Farbschattierung dargestellt. Das fällt besonders bei Kugeln auf, die je nach Aufteilung in Einzelpolygone ziemlich eckig aussehen können. </p> <p>Durch eine Technik, die man Z-Buffering nennt, wird während der Bearbeitung eines Polygons für jeden einzelnen der zur Darstellung notwendigen Bildpunkte festgestellt, ob dieser aus Sicht des Betrachter vor oder hinter einem bereits ermittelten Bildpunkt liegt. Dadurch werden im übrigen Durchdringungen auch ohne exakte Modellierung sichtbar.</p> <table border="0" align="right" cellpadding="4"> <tr> <td align="center" valign="top"> <img src="i/sh-gour.gif" align="top" hspace="2" width="200" height="190"></td> <td align="center" valign="top"><img src="i/sh-phong.gif" align="top" width="200" height="190"></td> </tr> <tr> <td align="center" valign="top">Gouraud-Shading</td> <td align="center" valign="top">Phong-Shading</td> </tr> </table> <p>Auf den ersten Blick sind das <strong>Gouraud- und Phong-Shading</strong> miteinander verwandt (nach den jeweiligen Entwicklern benannt). Durch mathematisch unterschiedliche Verfahren (Stichwort: Anordnung und Interpolation der <a href="http://www.glossar.de/glossar/amglos_n.htm#Normale" target="_new">Flächennormalen</a>) erzeugen beide Methoden auf den Modellflächen Farbverläufe, wobei aber das Phong-Shading wesentlich plastischere Resultate liefert  besonders deshalb, weil Lichtreflexionen besser herausgearbeitet werden (siehe auch <a target="_new" href="http://www.glossar.de/glossar/z_visualisierung.htm#Shading">Shading</a>).Berechnungszeiten, die zur Bilderstellung anfallen, sind beim Shading vorrangig abhängig von der Anzahl der Flächen im Modell. Begünstigt durch Hardware, in der Z-Buffering-Technologie implementiert ist und die von dem eingesetzten Programm unterstützt werden muß, reduziert sich die Berechnungszeit auch bei großen Modellen auf einige Sekunden.</p> <p>Fotorealismus ist mit diesen bisher genannten Methoden nicht machbar. Texturen (Oberflächendarstellungen) sind zwar möglich, und auch Schatten werden von diversen Programmen mit einigen Tricks in die Bildberechnung einbezogen ("Z-Buffer-Schatten", auch als "unechte Schatten" verschrieen), aber die perfekte Darstellung erfordert Spiegelungen, Transparenzen und Licht-Brechungen - berechnet mittels <strong>Raytracing</strong> (Strahl-Verfolgung). </p> <p><img src="i/vs-rayt.gif" align="right" hspace="5" vspace="5" width="200" height="190">Diese aufwendige Berechnungsmethode ermittelt für jeden einzelnen Bildpunkt einen Farbwert, indem  bildlich gesprochen  vom Auge aus durch den zu ermittelnden Bildpunkt auf das Model geschaut wird. Trifft dieser Seh-Strahl auf einen "Gegenstand" wird die Beschaffenheit und die Ausrichtung zu den Lichtquellen ermittelt. Falls notwendig  z.B. wegen einer spiegelnden Oberfläche  läuft der Seh-Strahl weiter, um festzustellen, was sich in der Oberfläche spiegelt. Die Berechnungszeiten, die beim Raytracing anfallen, sind also sehr abhängig von der Modellbeschaffenheit. Viel Glas, viele spiegelnde Oberflächen, viele Lichtquellen und natürlich die Bildgröße treiben die Berechnungszeiten nach oben.</p> <p>So gut das Raytracing-Verfahren auch ist, <strong>Radiosity</strong> ist noch ein bißchen besser und wird  falls verfügbar  besonders gerne bei der Darstellung von Innenräumen verwendet. Gegenüber dem Raytracing, das nur definierte Lichtquellen bei den Schattenberechnungen berücksichtigt, ist beim Radiosity-Verfahren mit Hilfe eines gesondert zu berechnenden Energie- bzw. Beleuchtungs-Modells jede Fläche Licht abstrahlend. Neben noch perfekteren Bildern eröffnet das Radiosity-Verfahren auch weitere Möglichkeiten  z.B. die Simulation indirekter Beleuchtung und Lichtumlenkungen  aber auf PCs wird das Radiosity-Verfahren kaum angewendet.<br>   </td> </tr> </table> <table border="0" cellspacing="0" width="100%"> <tr> <td align="center" width="142" bgcolor="#DEDEDE" valign="top"><p align="center"><img src="../i/m-leer.gif" width="140" height="20"><br> </td> <td width="8" background="../i/trennlin.jpg">  </td> <td valign="top" width="98%"><h3><a name="3"><strong>Methoden zur Bildverbesserung</strong></a></h3> <p>Die Qualität von Rendering-Bildern wird aber nicht nur bestimmt von der eingesetzten Rendering-Methode, sondern auch von Sensibilität, mit der feine Strukturen  z.B. Fugen oder dünne Geländerstäbe  berücksichtigt werden. Besonders bei kleinformatigen Bildern können starke <strong>Treppeneffekte</strong> und zerrissene Konturen den ganzen Bildeindruck zerstören wie in den beiden folgenden Bildern nachzuvollziehen ist:</p> <center><table border="0"> <tr> <td align="center" valign="top">mit Treppeneffekt</td> <td align="center"><img src="i/cal-pre.gif" hspace="2" width="320" height="256"></td> </tr> <tr> <td align="center" valign="top">ohne Treppeneffekt</td> <td align="center"><img src="i/cal-voll.gif" hspace="2" width="320" height="256"></td> </tr> </table> </center><p>Allerdings muß auch festgestellt werden, daß das rechte Bild mehr als doppelt solange berechnet wurde wie das linke (siehe auch <a href="http://www.glossar.de/glossar/amglos_a.htm#anti_aliasing" target="_new">Anti-Aliasing</a>, Modell von BASYS, Berlin).</p> <p>Auch der extensive Einsatz von <a href="http://www.glossar.de/glossar/amglos_t.htm#Textur"><strong>Texturen</strong></a> zur Darstellung von beispielsweise Holzoberflächen führt nicht zwangsläufig zum besseren Bild (siehe auch 2. Bild in diesem Aufsatz): je kleinformatigen das Bild, desto mehr ist eine Abstraktion zu bevorzugen. </p> <p>Zu bedenken ist auch, ob bereits das Rendering-Programm das perfekte Bild erzeugen muß, oder ob man nicht später erst mit reinrassigen Bildverarbeitungsprogrammen den Hintergrund dazu setzt - oder kleine Farbveränderungen vornimmt oder Lichtreflexe setzt oder Beschriftungen ergänzt oder ... (wie im ersten Bild ganz oben zusehen)</p> <h3><a name="4"><strong>bewegte Bilder</strong></a></h3> <p>Mit der Vorstellung der wichtigsten Rendering-Methoden ist natürlich das Thema der 3D-Visualisierung noch lange nicht erschöpft. Alle beschriebenen Verfahren können nicht nur für die Erstellung von Einzelbildern angewandt werden; zumindest theoretisch lassen sich damit natürlich auch umfangreiche Animationen entwickeln. Zu bedenken ist aber, daß mindestens 15 Einzelbilder (besser noch 20 oder 24 Bilder) für eine Sekunde Animation benötigt werden. Das Raytracing-Verfahren läßt sich dazu aufgrund der verhältnismäßig langen Berechnungszeiten eines einzelnen Bilder für Animationen wohl kaum einsetzen  sofern man nicht mit dafür abgestellter Rechnerleistung ausgestattet ist. </p> <p>Im kommen ist die RealTime-Simulation besser bekannt als Virtual Reality. Dann setzen sich beispielsweise Architekt und Bauherr gemeinsam vor den Bildschirm und gemeinsam können sie mit Maus oder Joystick die Noch-nicht-Realität durchwandern und besprechen. Anders als bei einer vorbereiteten Animation passiert hier die Bildberechnung so, wie die Kommandos gegeben werden. Diese Bilder sind selbst auf Großcomputern nicht immer photorealistisch, ihre Qualität besteht in der unmittelbaren Ansteuerung durch den Bediener. Und das wird es in Zukunft auch im INTERNET geben. Per <a href="f-2d3d.htm" target="_new">VRML</a>-Technik kann sich dann ein Interessent auf der Homepage eines Immobilienmaklers seine künftiges Domizil unverbindlich erst einmal genau anschauen  bevor er den näheren Kontakt sucht (siehe auch "<a href="f-2d3d.htm" target="_top">Illustrationen im Internet</a>").</p> <h3><strong>weiterführende Informationen im <a name="5">Glossar</a>:</strong></h3> <blockquote> <p><a href="http://www.glossar.de/glossar/z_visualisierung.htm"> <img src="../i/m-spiral.gif" border="0" width="16" height="17"></a><strong> Darstellen und Visualisieren<br> <a href="http://www.glossar.de/glossar/z_rendering.htm"> <img src="../i/m-spiral.gif" border="0" width="16" height="17"></a> Rendering-Effekte</strong></p> <p><strong><a href="http://www.glossar.de/glossar/z_cad.htm"> <img src="../i/m-spiral.gif" border="0" width="16" height="17"></a> CAD<br> <a href="http://www.glossar.de/glossar/z_bildformate.htm"> <img src="../i/m-spiral.gif" border="0" width="16" height="17"></a> Bildformate (GIF, JPEG, PNG, ...)<br> <a href="http://www.glossar.de/glossar/z_ibr.htm"> <img src="../i/m-spiral.gif" border="0" width="16" height="17"></a> IBR (Image-based Rendering)<br> <a href="http://www.glossar.de/glossar/z_modellbildung.htm"> <img src="../i/m-spiral.gif" border="0" width="16" height="17"></a> Modellbildung</strong><br>   </p> </blockquote> </td> </tr> </table> <table border="0" cellspacing="0" width="100%"> <tr> <td align="right" bgcolor="#000000"><font color="#AFD8B0"><strong>  </strong></font></td> </tr> <tr> <td align="right"><p class="kringelliste"><font color="#000000"><strong>© Alfons Oebbeke, Neustadt 1997 - 2001<br>   <br> </strong></font><a href="#Seitenanfang" target="_self"><img src="../i/m-spiral.gif" border="0" WIDTH="16" HEIGHT="17"></a> zurück zum Seitenanfang<br> <a target="_top" href="index.htm"><img src="../i/m-spiral.gif" border="0" WIDTH="16" HEIGHT="17"></a> zur Magazin-Übersicht<br> <a target="_top" href="http://www.aecweb.de"><img src="../i/m-spiral.gif" border="0" WIDTH="16" HEIGHT="17"></a>oder Titelseite ("home")</td> </tr> </table> </body>