Ein Charakter, der in Echtzeit auf Daten oder Nutzereingaben reagiert – nicht durch vorgerenderte Videoclips, sondern durch ein Animationssystem, das live Zustände wechselt. Für die Rive x Contra Interactive Character Challenge haben wir so etwas gebaut: Sol, ein Wetter-Charakter, der auf echte, live abgerufene Wetterdaten reagiert.
Eine Woche hat es gedauert, jetzt live und bereit zum Spielen unter: treetop.at/sol.
Ein interaktiver Charakter unterscheidet sich von klassischer Animation dadurch, dass sein Verhalten nicht fix abgespielt wird, sondern beeinflusst werden kann. Sol reagiert auf Live-Daten wie Temperatur, Windstärke, Niederschlag und Wetterzustand sowie auf den User selbst. Das aktuelle Wetter beeinflusst direkt seine Laune – ein schöner Sommertag wird von Regen ruiniert – das nervt, aber ein extrem heißer Tag mit einem kühlenden Schauer – das sorgt für Freude.
Und die Umgebung reagiert mit. Regen, Schnee und Hagel werden dichter, je stärker der Niederschlag. Bei Wind sieht man die Luft sichtbar strömen, Regen fällt schräg. Wird es stürmisch, kämpft Sol sichtlich darum, auf den Beinen zu bleiben. Temperatur bestimmt Farbe und Verhalten direkt – bei Kälte färbt er sich blau und zittert, bei Hitze wird er rot und beginnt zu hecheln. Nachts kämpft er gegen die Müdigkeit und schläft ein – wecken darf man ihn trotzdem, er ist nicht nachtragend.
Rive ist ein Design- und Animationstool für interaktive Grafiken, das sich direkt in Web-, App- und Produktinterfaces einbinden lässt – mit minimaler Dateigröße. Für UI/UX Design bedeutet das: Mikro-Interaktionen, animierte Onboarding-Flows, reaktive Icons und eben ganze Charaktere lassen sich als leichtgewichtige, datengebundene Komponenten bauen statt als starre Assets.
Technisch steckt hinter Sol ein datengetriebenes Emotionssystem: ViewModels und Data Binding verknüpfen Augen, Pupillen, Mundform, Mund- und Körperbewegung mit den ankommenden Wetterwerten. Eigene Converter und Scripts übersetzen Rohdaten in Animationszustände, angebunden an eine Live-Wetter-API über JavaScript.
Seit 20 Jahren erstellen wir Motion Graphics – jetzt können wir diese in einer Form anbieten, die nicht nur bespielt wird, sondern zum Spielen einlädt – klickt einfach mal auf Sol.
Sol ist ein Showcase, aber das Prinzip dahinter trägt weit über Wetter-Widgets hinaus. Datengetriebene, interaktive Charaktere und UI-Elemente eignen sich für Markenmaskottchen mit echter Persönlichkeit, für Onboarding-Flows, die Nutzer:innen Schritt für Schritt begleiten, für Produktseiten, die auf Scroll oder Klick reagieren, und für Datenvisualisierung, die komplexe Kennzahlen in ein greifbares, emotional zugängliches Format übersetzt.
