Bachelorarbeit zum Downloaden - cpe - Universität Kaiserslautern

Beim Aufrufen der Funktion wird die Variable „element“ als „this“ definiert. „this“ gibt den
entsprechenden Elemetknoten wieder, also hier ein „group“-Element. In der ersten Zeile der
Funktion wird mit „element.id“ der Wert des „id“-Attributes in eine Variable „ID“
gespeichert. Mit dieser Variable kann nun mit Hilfe der „getElementById“-Methode der
Wert des Attributes „visible“ geändert werden. Also die Sichtbarkeit der betreffenden roten
Box ein- bzw. ausgeschaltet werden.
Ein ähnlicher Anzeigemechanismus soll auch bei den freien Gewerbeflächen realisiert
werden. Hier wird jedoch keine transparente Box benutzt, sondern einfach das Material der
Flächen ausgetauscht. Die elegantere Lösung wäre nur die Farbinformation des Materials zu
ändern, statt das ganze Material zu ersetzen. Da Firefox und andere Browser Leerzeichen
und Zeilenumbrüche als Textkoten erkennt, wird der Zugriff auf das Element mit den
Farbinformationen, über eine DOM-Methode erschwert.
[Vgl. http://www.w3schools.com/dom/dom_nodes_navigate.asp, Zugriff: 15.07.2011] Um
dieses Problem zu umgehen und den Skriptcode klein zu halten, wird den Flächen ein neues
Material zugewiesen und somit auch die Farbe geändert. Diese Methode verbraucht etwas
mehr Speicherressourcen, weil ein zusätzliches Material gespeichert werden muss. Für alle
Flächen kann jedoch das gleiche Material verwendet werden.
Das „shader“-Element definiert ein Material. Wie in den Kästen auf Seite 67 zu erkennen ist,
werden bei dem neuen Material lediglich die Farbewerte verändert. Die Farbe wird in dem
„float3“-Element mit dem Namen „diffuseColor“, definiert. Wobei die drei Werte für RGB
stehen, also für Rot, Grün und Blau.
66