diff --git a/animation/post7-animForm.mp4 b/animation/post7-animForm.mp4 index 432a693..48100f4 100644 Binary files a/animation/post7-animForm.mp4 and b/animation/post7-animForm.mp4 differ diff --git a/post7.html b/post7.html index d27dcbf..ecc926f 100644 --- a/post7.html +++ b/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;