Dreidimensional ins Web – WebGL mit Three.Js

WebGL und Three.js wird in Zukunft immer beliebter. Three.js ist eine offene Javascript Umgebung die auf WebGL basiert und welche es ermöglicht einfach 3D Modelle zu erstellen, laden oder sogar zu manipulieren.

Um die Bibliothek zu testen wurde von mir eine kleine Testseite erstellt, welche das aktuelle Wetter in Salzburg mit einfachen 3D Modellen wie Wolken, Sonne und Regentropfen visualisiert. Natürlich gibt es unendlich weitere Möglichkeiten was man alles mit dieser Bibliothek machen kann.

Weiters ist es relativ einfach möglich mit Blender ein Modell zu exportieren, um es dann über Three.js und ein paar Zeilen Code laden und z.B. rotieren lassen kann.

WebGL Würfel mit Hello World darauf
3D im Browser

Es ist sogar möglich Spiele oder interaktive Musikvideos zu gestalten und damit ganz neue Wege des Webs zu erschaffen. Interessant wird wie sich diese neue Dimension in den nächsten paar Jahren weiter entwickeln wird.

Zukünftig könnte man ja dann auch Augmented Reality Anwendungen dafür erstellen, wie z.B. bei einem Optiker wo eine dreidimensionale Betrachtung des Produktes am Kopf des Kunden möglich wäre.

Kolben in Blender

Hier einmal etwas Mechanisches. Wollte nur mal eben kurz einen Kolben in Blender erstellen, ist ganz cool geworden finde ich. Vielleicht erstelle ich ja später daraus noch eine kleine Animation. Wäre sicher cool, aber bin mit dem Rigging noch nicht so vertraut also müsst ihr euch noch etwas gedulden.

Kolben
Stehender Kolben

Nachtrag:

Also nachdem ich mich nun endlich mit Rigging und Animation etwas mehr beschäftigt habe, ist es nun mit der Animation doch noch etwas geworden. Allerdings habe ich die Kolben noch einmal überarbeitet und sie mit Bones versehen. Ist echt gut geworden, aber seht es euch selbst an: