Post 7: der Knopf federt nicht mehr zurueck, wenn die Frage aufklappt

Bei Sekunde 2 fuhr "Frage hinzufuegen" runter, neun Pixel wieder hoch
und ab t = 0,40 erneut runter -- eine Richtungsumkehr in vier Zehnteln.
Gemessen ueber alle 180 Bilder:

  Bild 43 - 60   681 -> 782   runter
  Bild 60 - 72   782 -> 773   hoch
  Bild 73 - 80   776 -> 800   runter

Schuld war rueck, also back.out(1,7): die Kurve ueberschwingt auf 1,099
und pendelt zurueck. Das passt zu etwas, das aufspringt. Der Knopf
springt aber nicht, er wird von der neuen Frage nach unten geschoben,
und Geschobenes federt nicht zurueck. Jetzt raus, power2.out: faengt
genauso schnell an -- der Klick soll sofort etwas ausloesen -- nur ohne
Rueckweg.

Nur die Kurve zu tauschen haette eine zweite Unsauberkeit hinterlassen:
das Aufklappen laeuft aus, der Knopf steht ein Zehntel still, dann setzt
er ruckartig wieder an. Der Platz fuer die Optionen waechst deshalb ab
0,36 statt ab 0,40 und geht in die auslaufende Bewegung ueber. Die
langsamste Stelle sind jetzt 0,9 px je Bild statt null; die Optionen
selbst erscheinen unveraendert ab 0,40.

Ueber alle 180 Bilder kein Schritt mehr rueckwaerts. Bewegtbild neu
gebaut.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01U7RZ6ZpLD8Dp84Rtt4KHfv

post7.html

@@ -4108,6 +4108,7 @@ if (location.search.indexOf("nur=anim") >= 0)
        0,04 - 0,20  der Zeiger faehrt auf "Frage hinzufuegen"
        0,20 - 0,25  Klick
        0,24 - 0,40  die dritte Frage klappt auf, noch ohne Optionen
+       0,36 - 0,72  Platz fuer die Optionen waechst nach
        0,40 - 0,72  die drei Optionen erscheinen nacheinander
        0,72 - 0,86  der Zeiger geht, das Feld steht
        0,86 - 1,00  Halt auf dem Ergebnis
@@ -4118,7 +4119,15 @@ if (location.search.indexOf("nur=anim") >= 0)
   function animFormular(j, t) {
     const zeigerAn = stufe(t, .04, .20);
     const klick    = stufe(t, .20, .25);
-    const auf      = rueck(stufe(t, .24, .40));
+    /* raus und nicht rueck: back.out ueberschwingt auf 1,099 und pendelt
+       zurueck. Der Knopf fuhr damit runter, neun Pixel wieder hoch und ab
+       t = 0,40 erneut runter -- eine Richtungsumkehr in vier Zehnteln, am
+       fertigen Video als Zucken zu sehen. Ueberschwingen passt zu etwas, das
+       aufspringt; der Knopf springt aber nicht, er wird von der neuen Frage
+       nach unten geschoben, und Geschobenes federt nicht zurueck. power2.out
+       faengt genauso schnell an -- der Klick soll ja sofort etwas ausloesen --
+       nur ohne Rueckweg. */
+    const auf      = raus(stufe(t, .24, .40));
     const zWeg     = stufe(t, .72, .86);
 
     let g = "", y = 0;
@@ -4129,7 +4138,13 @@ if (location.search.indexOf("nur=anim") >= 0)
        rutscht nach unten, sobald die neue Frage Platz braucht. */
     let neuH = 0;
     if (auf > .01) {
-      neuH = (FB_ZH + 12) + Math.round(OPTIONEN.length * 54 * Math.min(1, stufe(t, .40, .72) * 1.15));
+      /* Der Platz waechst ab 0,36 und nicht erst ab 0,40: sonst steht der
+         Knopf kurz still -- das Aufklappen ist ausgelaufen, das Wachsen hat
+         noch nicht angefangen -- und setzt sich dann ruckartig wieder in
+         Bewegung. Mit der Ueberlappung geht das eine ins andere ueber. Die
+         Optionen selbst erscheinen weiter ab 0,40; sie bekommen ihren Platz
+         also einen Wimpernschlag vorher, was man nicht sieht. */
+      neuH = (FB_ZH + 12) + Math.round(OPTIONEN.length * 54 * Math.min(1, stufe(t, .36, .72) * 1.15));
     }
     const kY = knopfY + neuH * auf;