Schlagwort: WebGL

Internet Explorer 11 mit WebGL

Na das ist ja mal eine gute Nachricht: Internet Explorer 11 unter anderem mit WebGL. Anscheinend hat Microsoft erkannt, dass sie etwas tun müssen und in gewissen Bereichen ihre Verweigerungstaktik aufgeben sollten.
Ich erinnere mich noch an die Version 4 des Internet Explorers (ja, das tue ich wirklich *g*) – das war ein richtig schneller Browser im Gegensatz zum trägen und behäbigen Netscape Navigator. Seit Version 5 ging es immer weiter bergab mit den Browsern aus dem Hause Microsoft. Ich fände es gut, wenn sie endlich wieder den Anschluss schaffen würden. Dazu ist aber neben der Unterstützung moderner Web-Features, auch eine Entschlackung der UI nötig – so verwirrend darf der Browser nicht bleiben wenn er wieder größere Anteile im Netz erobern möchte. Dann wäre auch ich bereit ihn wieder ab und an mal zu nutzen. Es sieht aber derzeit nicht danach aus – eher danach, dass noch mehr Optionen und Dialoge implementiert wurden *urgs*.

Punkte gleichmäßig auf einer Kugel verteilen

Vor einigen Tagen habe ich für ein Testprogramm versucht eine bestimmte Anzahl von Punkten möglichst gleichmäßig auf einer Kugel zu verteilen. Es stellte sich heraus, dass das wohl nicht so ganz einfach ist, es wirklich perfekt hinzubekommen (http://www.lienhard-wimmer.de/geometrie/mathe/dipl.pdf).

Glücklicherweise habe ich im Netz unter http://www.xsi-blog.com/archives/115 einen Algorithmus gefunden der dieses Problem annähernd löst und auch noch schön schnell ist.
Weiterlesen

A simple WebGL Tutorial

Screenshot of the WebGL example
Screenshot of the WebGL Example

To get something visible on the Screen with WebGL, more work is necessary than it was with classic OpenGL. This is due to the fact, that WebGL dropped the Fixed-Function Pipeline and we now have to provide shaders to calculate the vertex transformation and the lighting on our own. The missing lighting, material and projection functions make it harder to get started with WebGL. I hope to make this easier with the following post that tries to cover the most basic WebGL aspects.

Weiterlesen

WebGL Demo of animated Character

I finally finished my WebGL demo to render an animated character. To create the JSON File, I changed my ParrotEngine Blender Export Script to output a JSON file instead of XML.

The demo was tested on Firefox 7 and 8, Opera 12 and Google Chrome 15 – each was running fine. Internet Explorer does not support WebGL – and probably never will, so you have to use another browser to see the demo…

The JSON object contains the

  • vertices
  • faces
  • skeleton structure (bone hierarchy)
  • vertexgroup definitions (weighted assignment of vertices to bones)
  • animations stored in channels (can be quaternion and/or position bezier curves)

The skinning and lighting is done entirely within the vertex and fragment shaders. Just the pose matrices are calculated in JavaScript – they are then passed to the shader where the actual skinning takes place.