Anfang des Jahres habe ich fĂŒr die in Essen sitzende Agentur "heureka" in einem kleinen Team mitgeholfen den GeschĂ€ftsbericht 2018 fĂŒr TelefĂłnica Deutschland umzusetzen. Das Ziel bestand darin eine digitale, interaktive Stadt im Low-Poly Look zu erstellen, an dessen Knotenpunkten der User Informationen ĂŒber Strategien, Produkte, Innovationen und Technologien von TelefĂłnica bekommt.
Dieses Projekt hat jetzt den Red Dot Award in der Kategorie Best of the Best gewonnen! Â đ
Anschauen kann man sich das Ganze hier:
Umgesetzt wurde das ganze mit three.js, einer cross-Browser JavaScript Library und Cinema 4D.
Bei der Flut von Objekten war eine gute Organisation und Kommunikation im Team enorm wichtig. Im ersten Schritt haben wir das Layout fĂŒr den Grundriss der Stadt erstellt und in Sektoren eingeteilt. Nach und nach wurden die dadurch entstandenen "Inseln" gemodelt und eingesetzt.
Die Herausforderung bestand vor allem darin, trotz der vielen Objekte und Animationen die Performance aufrecht zu erhalten. Dazu benutzten wir Geometrie mit wenigen Polygonen und Instanzen von Sprites (zB. BĂ€ume, Laternen etc.), die wir dann ĂŒber die Stadt verteilten. Jedes Polygon zĂ€hlt, deshalb haben wir mit verschiedenen Techniken soviel vereinfacht wie es nur ging.
Dennis hat uns eine, ĂŒber den Browser nutzbare, Debug-Möglichkeit zur VerfĂŒgung gestellt, so dass wir schnell und effizient Fehler ausmerzen und Optimierungen vornehmen konnten.
Die Stadt wurde dann mit Leben gefĂŒllt. Die von Sven liebevoll erstellten Animationen wurden im .glb Format eingesetzt und der Verkehr wurde auf Splines geloopt. So entstand StĂŒck fĂŒr StĂŒck eine lebendige Stadt mit vielen Details.
Hier noch ein paar Impressionen in Bildern:
Hervorzuheben ist bei diesem Projekt die groĂartige Zusammenarbeit im Team und der SpaĂ am Projekt. Wir wurden oft vor neue Herausforderungen und Probleme gestellt, die wir gemeinsam, lösungsorientiert bewĂ€ltigt haben.
Vielen Dank und herzlichen GlĂŒckwunsch an:
Björn Esser, Gorden Koschel und Georg Henneke von heureka
đ
Euer Marc
Comments