Wenn Sie mit 3D-Modellierungs– und Animationswerkzeugen wie Blender oder Ähnlichem vetraut sind, sollten Sie sich diesen Beitrag durchlesen. Heute sprechen wir über WebGLStudio.js, ein komplettes 3D-Programm, das Sie bequem von Ihrem Browser aus ausführen können.

Diese Grafiksuite verfügt über einen kompletten Funktionsumfang, wie z.B. einen Szeneneditor, eine Konsole zur Programmierung, einen Grafikeditor, ein virtuelles Dateisystem und viele weitere Funktionen.

For privacy reasons Vimeo needs your permission to be loaded. For more details, please see our Datenschutzerklärung.
I Accept

Dank der Vorteile von JavaScript, der vielseitigen Programmiersprache, die diesem Tool Leben einhaucht, verfügt das Projekt über die folgenden Funktionen:

  • Es basiert auf einer kompletten 3D-Grafik-Engine (LiteScene.js, eine grafische Bibliothek für WebGL). Es werden mehrere Lichter, Shading-Maps, Echtzeitreflexionen, kundenspezifische Materialien, PostFX, Skinning, Animation etc. unterstützt.
  • Es ist leicht zu verteilen. Dank des komponentenbasierten Systems können neue Funktionen hinzugefügt werden.
  • Es verfügt über einen einfach zu bedienenden visuellen Editor (WYSIWYG), der eine einzige Oberfläche für alle Programmier-, Grafik- und Timeline-Management-Funktionen bietet.
  • Es verfügt über einen Grafikeditor zur Steuerung von Nachbearbeitungsverhalten und Effekten.
  • Es unterstützt LiteFileSystem.js, ein virtuelles Dateisystem, das die Speicherung von Ressourcen im Web über die Drag&Drop-Funktion im Browser mit konfigurierbaren Quoten, Benutzerkonten und freigegebenen Ordnern ermöglicht.
  • Das Teilen und Exportieren von Projekten ist sehr einfach, erzeugen Sie einfach einen Link.

Einige Funktionen, die noch nicht verfügbar sind, werden unten präsentiert:

  • Sie können keine Gesichter animieren.
  • Unvollständiger Support für FBX, nicht voll funktionsfähig.
  • Es verfügt noch nicht über eine integrierte Physics-Engine, obwohl bereits Tests zur Implementierung durchgeführt wurden.

Steigern Sie Ihre Conversion Rate.

Wie helfen Ihnen durch einen 3D Konfigurator mehr Anfragen zu generieren.

WebGLStudio.js wurde von Javi Agenjo aus Barcelona und den Grafikern von GTI mit Unterstützung der Universität Pompeu Fabra aus Barcelona erstellt.

Dieses Projekt, das drei Jahre gedauert hat, um abgeschlossen zu werden, ist Open-Source und wird unter der MIT-Lizenz veröffentlicht. Es kann von Ihrer Website aus gestartet und auch auf Ihrem eigenen Server installiert werden.

Die offizielle Seite dieses Tools bietet eine kurze Einführung in die Benutzeroberfläche und die wichtigsten Funktionen. Im Moment ist das Dokument nur in englischer Sprache verfasst und weist zu Beginn darauf hin, dass es, da es noch nicht sonderlich intuitiv ist, weil sich die Software noch in der Entwicklungsphase befindet. Es kann sich aber noch Einiges ändern, sobald neue Updates bereitgestellt werden. Aus dem gleichen Grund gibt es noch kein offizielles Tutorial, das seine Dienstprogramme eingehend analysiert, aber seine Funktionen erinnern uns an andere ähnliche Anwendungen wie z.B. Blender.

For privacy reasons Vimeo needs your permission to be loaded. For more details, please see our Datenschutzerklärung.
I Accept

Für fortgeschrittenere Nutzer wird die Dokumentation der Engine nach WebGLStudio und seinen Hauptkomponenten veröffentlicht. Auf diese Weise können Sie die absolute Kontrolle über dieses leistungsstarke Tool haben und somit die Option, es mit den Funktionen zu erweitern, die Sie sich wünschen.

Es fesselte die Aufmerksamkeit, wie schnell WebGLStudio läuft. Persönlich haben wir es zunächst auf einem MacBook, einem Linux-PC und sogar einem iPad getestet. Das Ergebnis war bemerkenswert flüssig.

Steigern Sie Ihre Conversion Rate.

Wie helfen Ihnen durch einen 3D Konfigurator mehr Anfragen zu generieren.

Angesichts des hohen Interesses an dieser Iniative werden wir sicherlich wieder Neuigkeiten über die zukünftige Entwicklung dieses Projekts bekommen. Allerdings wird dies unter einem anderen Namen laufen, da WebGL eine geschützte Marke der Khronos Group ist.

Sie können auf diese komplette Suite von 3D-Grafiken zugreifen und weitere Informationen zu diesem Projekt unter webglstudio.org einsehen.

Vielen Dank für Ihren Besuch.