RuheTippe unten auf einen Zustand oder eine Animation. turbi spielt sie hier, im Header und im Chat.
Szenen
Tempo
ruhigerschneller
1,00× ist das empfohlene Tempo. Gilt für Tippen, Text-Einblendung und Pausen. Wirkt ab der nächsten Nachricht.
Bewegung reduzieren (simulieren)
turbi Zustände
Witzige Momente
Gesichter (Erholung, aus der App)
Legende
Aufbau: eine Nachricht nach der anderen, von oben nach unten. Jede Bubble hat sofort ihre volle Größe, nichts springt.
Tippen: turbi schreibt, drei Punkte pulsieren in einer kleinen Bubble.
Bubble rein: kurzes Einblenden mit 10 px nach oben und leichtem Skalieren von 97 auf 100 %.
Text: Wörter blenden weich nacheinander ein, kurze Pausen an Punkt und Komma.
Lesepause: Pause nach jeder Bubble, länger bei langen Texten.
Deine Nachricht: Bubble rechts in Lavendel, Quick-Replies blenden aus.
Nachdenken: schimmernder Text „turbi denkt nach“, Auge schaut umher, Kopf wackelt, drei Punkte kreisen.
Schreiben: Auge schaut auf den Text, Mund bewegt sich, leichtes Nicken.
Antwort fertig: kleiner, fröhlicher Hüpfer mit Squash, Auge leuchtet kurz auf.
Ruhe: langsames Atmen, Blinzeln alle 2,6 bis 5,2 s.
Zwinkern: Auge wird zum Bogen, Kopf neigt sich, schiefes Lächeln.
Hüpfer: Anlauf, Sprung, Landung mit Squash und Stretch.
Augenrollen: kommt automatisch, wenn turbi länger als 3,2 s nachdenkt.
Jubeln: Drehung, breites Lachen, Konfetti in tvrbo-Farben. Kommt nach „Als erledigt markieren“.
Kopfschütteln: kurzes Nein, zum Beispiel wenn ein Tag schon belegt ist.
Neue Nachricht: rotes Badge springt auf.
Formular: bei Eingabeschritten wie der Bewertung ist das Eingabefeld ausgeblendet.
Timing für React Native (bei 1,00×)
Alle Bewegungen nutzen nur transform und opacity, damit sie mit 60 fps laufen. Bei „Bewegung reduzieren“ bleibt nur ein sanftes Einblenden, ohne Hüpfen, Drehen oder Konfetti.