Bewegtbild: das Kontextmenue schnappt auf statt zu kriechen

Es nahm dieselbe gedaempfte Kurve wie alles andere, ueber 0,8 Sekunden. Die
Deckung war darin nach fuenf Bildern fertig, waehrend die Skalierung noch eine
halbe Sekunde von 0,96 auf 1,00 weiterlief. Zu sehen war davon fast nichts, zu
spueren war es als Haenger -- und zwar genau in dem Moment, in dem geklickt
wird.

Jetzt rueck statt daempfen und ueber 0,34 statt 0,40 der Laufzeit: drei Bilder
Aufblenden, ein ganz leichtes Ueberschwingen, dann Ruhe. Die Deckung laeuft
dafuer mit Faktor 2,5 statt 4,5, sonst waeren es zwei Bilder und es knallte.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
This commit is contained in:
dejanandClaude Opus 5 committed 2026-08-27 18:14:24 +02:00
1 parent 03d137a667
commit efcb864db1
3 files changed
+16 -3

No files matched your search

+9 -1
View File
@@ -496,7 +496,7 @@ das Projekt bestätigt sie. Das ist die Funktion, die die Website meint mit
| 0,0 – 0,6 s | Ruhe. Der Verlauf steht: Sandra, Maike, Tobias | | 0,0 – 0,6 s | Ruhe. Der Verlauf steht: Sandra, Maike, Tobias |
| 0,6 – 1,3 s | Der Zeiger fährt auf Tobias' Nachricht, der Pfeil erscheint an ihr | | 0,6 – 1,3 s | Der Zeiger fährt auf Tobias' Nachricht, der Pfeil erscheint an ihr |
| 1,3 – 1,6 s | Klick | | 1,3 – 1,6 s | Klick |
| 1,6 – 2,4 s | Das Menü klappt nach oben auf: Reagieren, Antworten, Im Thread antworten, Anpinnen, Aufgabe erstellen, Bearbeiten, Löschen | | 1,6 – 2,0 s | Das Menü schnappt nach oben auf: Reagieren, Antworten, Im Thread antworten, Anpinnen, Aufgabe erstellen, Bearbeiten, Löschen |
| 2,4 – 3,4 s | Der Zeiger geht auf „Aufgabe erstellen", die Zeile hebt sich, Klick | | 2,4 – 3,4 s | Der Zeiger geht auf „Aufgabe erstellen", die Zeile hebt sich, Klick |
| 3,6 – 4,8 s | Das Menü schließt, die Aufgabenkarte klappt in Tobias' Nachricht auf, der Verlauf rutscht nach | | 3,6 – 4,8 s | Das Menü schließt, die Aufgabenkarte klappt in Tobias' Nachricht auf, der Verlauf rutscht nach |
| 4,8 – 5,4 s | Die Systemzeile „Aufgabe „Materialliste prüfen" im Projekt erstellt" erscheint | | 4,8 – 5,4 s | Die Systemzeile „Aufgabe „Materialliste prüfen" im Projekt erstellt" erscheint |
@@ -550,6 +550,14 @@ und läuft über die Schutzzone, zusammengeschrieben sind es 879. Verworfen
wurden außerdem „Aufgaben im richtigen Projekt." (1067 px) und „Aus wurden außerdem „Aufgaben im richtigen Projekt." (1067 px) und „Aus
Chat-Nachrichten werden" (1063 px). Chat-Nachrichten werden" (1063 px).
**Das Menü schnappt auf, es kriecht nicht.** Ein Zwischenstand nahm dafür
dieselbe gedämpfte Kurve wie alles andere, über 0,8 Sekunden. Die Deckung war
darin nach fünf Bildern fertig, während die Skalierung noch eine halbe Sekunde
von 0,96 auf 1,00 weiterlief. Zu sehen war davon fast nichts, zu spüren war es
als Hänger genau in dem Moment, in dem geklickt wird. Jetzt öffnet es in einer
Drittelsekunde mit `rueck`, schwingt einmal ganz leicht über und steht: drei
Bilder Aufblenden, dann Ruhe.
### Zur Länge ### Zur Länge
Instagram nimmt je Carousel-Element **3 bis 60 Sekunden** an. Sechs liegt weit Instagram nimmt je Carousel-Element **3 bis 60 Sekunden** an. Sechs liegt weit
Binary file not shown.
+7 -2
View File
@@ -3390,7 +3390,7 @@ if (location.search.indexOf("nur=anim") >= 0)
zielX: x + PAD + 30, zielX: x + PAD + 30,
zielY: y + PAD + MENUE_ZIEL * ZH + ZH / 2, zielY: y + PAD + MENUE_ZIEL * ZH + ZH / 2,
html: html:
'<g opacity="' + n1(Math.min(1, auf * 4.5)) + '" transform="translate(' + '<g opacity="' + n1(Math.min(1, auf * 2.5)) + '" transform="translate(' +
n1(rechtsX) + ',' + n1(untenY) + ') scale(' + n1(sk) + ') translate(' + n1(rechtsX) + ',' + n1(untenY) + ') scale(' + n1(sk) + ') translate(' +
n1(-rechtsX) + ',' + n1(-untenY) + ')">' + n1(-rechtsX) + ',' + n1(-untenY) + ')">' +
'<g filter="url(#hgschatten)"><path d="' + rundRechteck(x, y, MW, hoehe, 14) + '<g filter="url(#hgschatten)"><path d="' + rundRechteck(x, y, MW, hoehe, 14) +
@@ -3406,7 +3406,12 @@ if (location.search.indexOf("nur=anim") >= 0)
const zeigerAn = stufe(t, .10, .22); const zeigerAn = stufe(t, .10, .22);
const pfeil = daempfen(stufe(t, .16, .24)); // der Pfeil an der Blase const pfeil = daempfen(stufe(t, .16, .24)); // der Pfeil an der Blase
const klick1 = stufe(t, .22, .27); const klick1 = stufe(t, .22, .27);
const auf = daempfen(stufe(t, .26, .40)); /* rueck statt daempfen, und kuerzer: gedaempft war die Deckung nach
fuenf Bildern fertig, waehrend die Skalierung noch eine halbe Sekunde
von 0,96 auf 1,00 weiterkroch. Sichtbar war davon fast nichts, zu
spueren war es als Haenger. Jetzt schnappt es in einer Drittelsekunde
auf, schwingt einmal ganz leicht ueber und steht. */
const auf = rueck(stufe(t, .26, .34));
const wandern = daempfen(stufe(t, .40, .54)); const wandern = daempfen(stufe(t, .40, .54));
const klick2 = stufe(t, .56, .61); const klick2 = stufe(t, .56, .61);
const zu = daempfen(stufe(t, .60, .66)); const zu = daempfen(stufe(t, .60, .66));