Peter Asmus

Blend4Web

Blend4Web ein Framework für 3D Anwendungen im Web auf Basis von WebGL ein Standard, der von allen neueren Browser unterstützt wird. Es gibt zwei Lizenzen einmal unter GPLv3 und eine für kommerzielle Anwendungen. GPLv3 bedeutet das man alle Projekt die man mit dieser Variante verwirklicht auch unter GPLv3 stellen sollte. Der Vorteil von Blend4Web ist, […]

WebGL 3D Model Viewer Three.js

Im letzten Beitrag habe ich gezeigt wie mit Three.js ein 3D Model Viewer für WebGL programmiert wird. Dieser zeigt ein sich drehendes Model s.h. Beispiel. Jetzt machen wir diesen 3D Viewer interaktiv, in diesem Viewer können wir das Model mit der Maus drehen , skalieren und mit der rechten Maustaste verschieben. Ein Beispiel für die […]

3D Viewer erstellen mit Three.js

Für den 3D Viewer mit Three.js benötigt man eine HTML Editor sowie das Library three.min.js auf dem Server. Erstelle eine neue HTML-Datei <!doctype html> <html> <head> <meta charset=“utf-8″ /> <title>WebGL Model Viewer Demo</title> </head> <body> </body> </html> Im Body Bereich laden wir Three.js mit <script src=“../build/three.min.js“></script> Wir definieren den Bereich in dem unser 3D Modell angezeigt […]

3D Modell erstellen mit Blender

Blender ist das freie 3D-Modellierungs- und Animationsprogramm dieses Programm hat auf den WebGL Standard gewartet. Zu Blender gibt es sehr viele und gut Tutorials (Anleitungen), auf meiner Linkseite findet ihre einige interessante Links dazu. Ich möchte nur an Hand von Beispielen zeigen was bei der Erstellung für ein WebGL Modell zu beachten ist. Im Archiv von […]

Three.js WYSIWYG-Editor

Im Download Archiv von Three.js ist auch ein WYSIWYG-Editor enthalten. Dieser WYSIWYG-Editor eignet sich sehr gut eigene 3D Modelle in Szene zu setzten, ohne Programmkenntnnise. 3D Modelle erstellt man mit Blender. Dies ist ein freies 3D-Modellierungs- und Animationsprogramm. Mit dem Exportscript von Three.js für Blender werden die 3D Modelle im Json(.js) Format exportiert. Ich habe eine […]

Nächste Seite »