Techday Recap - September

3D im Web - Performance und Best Practices

Kathi hat sich intensiv mit der Frage beschäftigt, wie 3D-Modelle optimal in Webseiten eingebunden werden können. Sie hat verschiedene Formate, Rendertechnologien und Optimierungstools untersucht und diese in einer eigenen Testumgebung ausprobiert.

Dafür hat Kathi unterschiedliche 3D-Modelle in eine Webseite integriert. Die Parameter variierten dabei deutlich: Polygonanzahl, Texturen, Dateigröße, Kompression und Animation. Mit Hilfe von Babylon.js wurden Ladezeiten und Bildraten (FPS) in verschiedenen Browsern gemessen, sowohl in Chrome als auch in Safari.

Kathi kam zu dem Ergebnis, dass eine geringere Polygonanzahl und optimierte Texturen die Ladezeit deutlich verbessern, während Kompression mit Draco zwar Speicher spart, aber die Ladezeit verlängern kann und, dass Chrome im direkten Vergleich mit Safari die bessere Performance liefert. Außerdem hat sie Richtwerte definiert, die als Orientierung dienen: Ladezeiten sollten möglichst unter fünf Sekunden bleiben, für eine flüssige Darstellung sind 60 FPS ideal und bei mobilen Anwendungen ist eine Dateigröße von ein bis fünf MB am sinnvollsten.

Stilisierte Übergänge in Blender und nahtlose Texturen in Photoshop

Anja hat den Techday genutzt, um sich einem kreativen Thema zu widmen.

Als Nebenthema hat sich Anja außerdem angesehen, wie in Photoshop nahtlose Texturen entstehen.

Effiziente Designprozesse mit Figma Buzz

Julia hat sich Figma Buzz angesehen.

Der große Vorteil ist, dass auch Kolleg:innen, die keinen Zugriff auf Adobe-Programme haben, damit problemlos Designs erstellen können.

Die Techdays sind nicht nur für die persönliche Weiterentwicklung toll, sondern stärken auch unser Team.