... | @@ -203,15 +203,10 @@ Die Mobile-Performance wurde nach dem gleichen Prinzip auf eine Samsung Galaxy T |
... | @@ -203,15 +203,10 @@ Die Mobile-Performance wurde nach dem gleichen Prinzip auf eine Samsung Galaxy T |
|
|
|
|
|
Ein Problem stellt die geringere Fenstergröße auf mobilen Endgeräten dar. Es ist nicht möglich den Konfigurator zu steuern, ohne diesen in den Vollbildmodus zu schalten. Dann funktioniert die Steuerung allerdings problemlos.
|
|
Ein Problem stellt die geringere Fenstergröße auf mobilen Endgeräten dar. Es ist nicht möglich den Konfigurator zu steuern, ohne diesen in den Vollbildmodus zu schalten. Dann funktioniert die Steuerung allerdings problemlos.
|
|
|
|
|
|
## Bekannte Probleme
|
|
# Mögliche Erweiterungen und bekannte Probleme
|
|
* Auf mobilen Browsern bricht die Framerate in periodischen Abständen ein. Dies könnte ein Garbagecollection-Problem sein. Eventuell kann die Neuinstanziierung der Modelle bei jeder Änderung vermieden werden.
|
|
|
|
|
|
|
|
* Das Namensschild der Avatare wird nicht immer richtig aktualisiert. Dieses Problem ist leider zu spät aufgefallen und konnte nicht rechtzeitig gelöst werden.
|
|
|
|
|
|
|
|
# Mögliche Erweiterungen
|
|
|
|
Das Laden des Konfigurators über das Internet dauert länger als gedacht. Hier wäre ein Ladebildschirm von Vorteil.
|
|
Das Laden des Konfigurators über das Internet dauert länger als gedacht. Hier wäre ein Ladebildschirm von Vorteil.
|
|
|
|
|
|
Aktuell wirken die Avatare etwas statisch. Dies könnte durch das Abspielen einer *Idle*-Animation (leichtes Atmen und hin- und herschauen) verbessert werden. Da glTF als Modellformat verwendet wird, sollte dies ohne größere Hürden möglich sein. Eine gute, kostenlose Quelle für Animationen ist [Mixamo](https://www.mixamo.com/)
|
|
Aktuell wirken die Avatare etwas statisch. Dies könnte durch das Abspielen einer *Idle*-Animation (leichtes Atmen und hin- und herschauen) verbessert werden. Da glTF als Modellformat verwendet wird, sollte dies ohne größere Hürden möglich sein. Eine gute, kostenlose Quelle für Animationen ist [Mixamo](https://www.mixamo.com/).
|
|
|
|
|
|
Die Beleuchtung der Szene könnte noch verbessert werden. Aktuell wird nur ein *DirectionaLight* zusammen mit einem *AmbientLight* verwendet. Das *AmbientLight* ist dabei besonders hell eingestellt. Eine Typische 3-Punkt Beleuchtung könnte hier die Ausleuchtung verbessern. Da ThreeJS mit Physically Based Rendering arbeitet, könnte auch ein HDRi-Bild für den Himmel verwendet werden, dies trägt in der Regel enorm zur Glaubwürdigkeit bei (vgl. [Image-based Lighting auf Wikipedia](https://en.wikipedia.org/wiki/Image-based_lighting)
|
|
Die Beleuchtung der Szene könnte noch verbessert werden. Aktuell wird nur ein *DirectionaLight* zusammen mit einem *AmbientLight* verwendet. Das *AmbientLight* ist dabei besonders hell eingestellt. Eine Typische 3-Punkt Beleuchtung könnte hier die Ausleuchtung verbessern. Da ThreeJS mit Physically Based Rendering arbeitet, könnte auch ein HDRi-Bild für den Himmel verwendet werden, dies trägt in der Regel enorm zur Glaubwürdigkeit bei (vgl. [Image-based Lighting auf Wikipedia](https://en.wikipedia.org/wiki/Image-based_lighting)
|
|
|
|
|
... | @@ -221,5 +216,9 @@ Die erstellten Avatare könnten als Grundlage für das Einführen von Avataren i |
... | @@ -221,5 +216,9 @@ Die erstellten Avatare könnten als Grundlage für das Einführen von Avataren i |
|
|
|
|
|
Aktuell kann man die Konfigurationen nur herunterladen. Man könnte diese auch, ähnlich zu den Profilbildern, auf dem Server speichern, sodass die Konfiguration beim erneuten Beitreten wieder geladen werden können.
|
|
Aktuell kann man die Konfigurationen nur herunterladen. Man könnte diese auch, ähnlich zu den Profilbildern, auf dem Server speichern, sodass die Konfiguration beim erneuten Beitreten wieder geladen werden können.
|
|
|
|
|
|
|
|
Auf mobilen Browsern bricht die Framerate in periodischen Abständen ein. Dies könnte ein Garbagecollection-Problem sein. Eventuell kann die Neuinstanziierung der Modelle bei jeder Änderung vermieden werden.
|
|
|
|
|
|
|
|
Das Namensschild der Avatare wird nicht immer richtig aktualisiert. Dieses Problem ist leider zu spät aufgefallen und konnte nicht rechtzeitig gelöst werden.
|
|
|
|
|
|
# Fazit
|
|
# Fazit
|
|
In diesem Projekt wurde ein 3D Avatarkonfigurator erstellt. Der Konfigurator bietet die Möglichkeit ein vordefiniertes Mannequin mit verschiedenen Frisuren, Oberteilen, Hosen und Schuhen in jeweils frei wählbaren Farben zu definieren. Dieser Avatar kann dann als Profilbild genutzt werden und die Konfiguration für spätere Zwecke heruntergeladen und wieder hochgeladen werden. Auch weitere Anwendungsgebiete sind hier denkbar, z.B. als Icebreaker in einer Vorstellungsrunde. Die technische Umsetzung bietet ein solides Fundament für Erweiterungen, es sollte allerdings mehr Wert auf die asynchrone Natur des Internets gelegt werden. Insgesamt wurde nur ein Ziel nicht erreicht und es kann daher festgehalten werden, dass das Projekt erfolgreich umgesetzt wurde. |
|
In diesem Projekt wurde ein 3D Avatarkonfigurator erstellt. Der Konfigurator bietet die Möglichkeit ein vordefiniertes Mannequin mit verschiedenen Frisuren, Oberteilen, Hosen und Schuhen in jeweils frei wählbaren Farben zu definieren. Dieser Avatar kann dann als Profilbild genutzt werden und die Konfiguration für spätere Zwecke heruntergeladen und wieder hochgeladen werden. Auch weitere Anwendungsgebiete sind hier denkbar, z.B. als Icebreaker in einer Vorstellungsrunde. Die technische Umsetzung bietet ein solides Fundament für Erweiterungen, es sollte allerdings mehr Wert auf die asynchrone Natur des Internets gelegt werden. Insgesamt wurde nur ein Ziel nicht erreicht und es kann daher festgehalten werden, dass das Projekt erfolgreich umgesetzt wurde. |