Andreas Voigt - Der Blog!

Wie bereits im vorigen Beitrag angekündigt, soll es nun um Animationen in XML3D gehen.

Animationen in XML3D sind eigentlich recht einfach gemacht. Mit XML3D lässt sich ein Szenengraph im Browser implementieren, welcher im "Document Object Model" (kurz: DOM) eingebunden ist. Mit Javascript lassen sich nun beispielsweise Element-, und Attributsknoten bearbeiten. Möchte man wie im Video dargestellt eine Lichquelle rotieren lassen, so geschieht das über die Manipulation des Transformationsknoten. Solch ein Transformationsknoten wird im Definitionsbereich einer XML3D-Struktur angegeben und kann dabei wie folgt aussehen:

<transform id="licht" rotation="0 1 0 0" scale="1 1 1" translation="0 0 0" />

Hierbei bezeichnet das Attribut "rotation" die Rotationsachse mit Drehwinkel in Bogenmaß, "scale" die Skalierungsfaktoren für die x-, y- und z-Richtung und "translation" die Verschiebungen in die jeweiligen Richtungen.

Zugriff auf die Attributsknoten erhält man beispielsweise durch den Ausdruck

document.getElementById("licht").attributes[1].nodeValue,

welcher hier auf die Rotation des Elements verweist. Auf diese Weise lassen sich sehr einfach beliebige Animationen erstellen, die es mit einer bekannten 3D-Grafik-Engine gut aufnehmen können.

Mit AJAX lassen sich zudem noch beliebige Elemente nachladen und in den DOM-Baum hängen - und damit auch in den Szenengraph.

Da die Szene mit echtzeitfähigem Raytracing per Software gerendert wird, belastet sie doch nicht unerheblich den Prozessor. Der 4-Kern-Prozessor, auf dem die Szene getestet wurde, wies eine Auslastung von etwa 70 bis 80% auf jedem Kern auf. Dies ist aber sicherlich von der Komplexität der Szene abhängig.

Weiterhin ist in den Videos sehr schön die physikalisch Korrekte Darstellung der Schatten sichtbar. Die Obelisken und die Spitze der Pyramide sind mit einem anderen Material versehen, als die Basis der Pyramide - dieses Material beschreibt eine sehr glänzende Oberfläche. Möglicherweise ist dies ja noch in den Videos etwas zu erkennen.

Comming Up: Ist noch nicht entschieden - lasst euch überraschen!