Open Source im professionellen Einsatz

Bewegt und strahlend

Bereits das einfache Beispiel zeigt: Wer GLGE benutzt, muss sich nicht mit der Shader-Programmierung herumschlagen. Was noch nicht zum Vorschein kommt, ist der beeindruckende Leistungsumfang der Bibliothek: GLGE beherrscht Keyframe-basierte Animation, die für die Charakter-Animation auch ein Skelett-System bereitstellt.

Für realistische Ausleuchtung sorgen gerichtete Spot- und Punktlichter sowie Normalmapping, also das Interpolieren der Ausleuchtung zwischen den Mesh-Kacheln. Abbildung 9 zeigt das Environment-Mapping in Aktion. Wie im Beispiel lassen sich alle diese Features über ein objektorientiertes API und deklaratives XML ansprechen, Open-GL-Programmierung ist nicht erforderlich. Damit Entwickler auch die langen Matrizen für die Mesh-Definitionen (Listing 4, Zeilen 5 bis 10) nicht per Hand schreiben müssen, gibt es zwei Export-Plugins für den 3-D-Editor Blender, die leider beide im Test mit der aktuellen Blender-2.5-Version nicht funktionierten.

Abbildung 9: Glänzende Oberflächen spiegeln in mit GLGE gestalteten Szenen die Umgebung wider.

Mehr Licht als Schatten

Wer sich die jüngere Entwicklung von HTML ansieht, erblickt mehr Licht als Schatten: Mit Canvas und SVG, das – spät genug – nun auch der Internet Explorer unterstützt, gewinnt die Internet-Auszeichnungssprache beeindruckende Möglichkeiten für anspruchsvolle Weboberflächen. Um die Standardkonformität der Browser steht es bei Canvas und SVG viel besser als zu Zeiten des Browserkriegs: Was die aktuell verbreiteten Browser umsetzen, das folgt so gut wie immer den Spezifikationen.

Infos

  1. Canvas-Zeichnung von Marius Watz: http://mariuswatz.com/works/abstract01js/index.html
  2. Animierte SVG-Zeichnung: http://de.wikibooks.org/wiki/Datei:Trajans-Column-lower-animated.svg
  3. VML: http://de.wikipedia.org/wiki/Vector_Markup_Language
  4. W3C-Zeitplan für HTML 5: http://www.w3.org/html/wiki/FAQs#When_will_HTML5_be_done.3F
  5. SVG-Support der Browser im Detail: http://www.codedread.com/svg-support.php, Webkit: http://www.webkit.org/projects/svg/status.xml
  6. Multitouch für Javascript: http://dvcs.w3.org/hg/webevents/raw-file/tip/touchevents.html
  7. Canvas für Internet Explorer 6+: http://code.google.com/p/explorercanvas/, SVG für Internet Explorer 6+: http://code.google.com/p/svgweb/
  8. Canvas-Tutorial: http://www.html5canvastutorials.com
  9. Canvas-W3C-Standard: http://dev.w3.org/html5/spec/Overview.html#the-canvas-element
  10. Tutorials rund um Canvas-Effekte: http://www.html5canvastutorials.com, http://js-fireworks.appspot.com, http://glimr.rubyforge.org/cake/canvas.html
  11. SVG-Standard: http://www.w3.org/TR/SVG11/
  12. SVG-Einsteiger-Tutorial: http://www.w3schools.com/svg/
  13. SVG-Tutorial: http://svg.tutorial.aptico.de
  14. SMIL: http://www.w3.org/TR/2008/REC-SMIL3-20081201/
  15. Jquery-SVG-Plugin: http://keith-wood.name/svg.html
  16. Raphaël: http://www.raphaeljs.com
  17. Web GL: http://www.khronos.org/webgl/
  18. Microsofts Sicherheitsbedenken bei Web GL: http://blogs.technet.com/b/srd/archive/2011/06/16/webgl-considered-harmful.aspx
  19. Tubagames: http://www.tubagames.net
  20. GLGE: http://www.glge.org
  21. Scene JS: http://scenejs.org

Diesen Artikel als PDF kaufen

Express-Kauf als PDF

Umfang: 8 Heftseiten

Preis € 0,99
(inkl. 19% MwSt.)

Als digitales Abo

Als PDF im Abo bestellen

comments powered by Disqus

Ausgabe 07/2013

Preis € 6,40

Insecurity Bulletin

Insecurity Bulletin

Im Insecurity Bulletin widmet sich Mark Vogelsberger aktuellen Sicherheitslücken sowie Hintergründen und Security-Grundlagen. mehr...

Linux-Magazin auf Facebook