01 Pozitív eltérés · hero betöltés · 2. változat
A labda, amely felfelé szegi meg a fizikát.
Az animátorok első gyakorlata a pattogó labda: minden pattanás alacsonyabb, mert elvész az energia. A mi labdánk – a kék „pozitív eltérés” négyzet – minden pattanással magasabbra jut. A sztenderd, amelyet nem csak tartani, hanem meghaladni érdemes.
Három változat egymás mellett
Javaslat
A · Pattogás az alapvonalon
- Mérhető emelkedés. Az „egyre magasabb” csak egy rögzített talajhoz képest olvasható. Az alapvonal maga a sztenderd: minden becsapódás megfeszíti, és négy ugráson át látszik, hogy az ív nő.
- A labda hozza fel a címet. A betűk a becsapódások energiájából emelkednek a helyükre – a pozitív eltérés szó szerint felépíti a szót.
- Egy fókusz. A szem mindig a labdát követi; a húr hajlása és a betűk emelkedése csak másodlagos mozgás.
- B – a betűk teteje nem egyforma magas (S, t, d, l), ezért az ívek növekedése nehezebben mérhető, és a kész cím már az elején ott áll: kevesebb a feszültség.
- C – a legnyugodtabb, de egyetlen ív nem lehet „egyre magasabb”: a fizika felfelé szegése kimarad, csak a lebegés marad.
Részletes nézet · 1440 és 390 px
Kattintás a címre: újrajátszás. Élesben látogatásonként egyszer indul magától; csökkentett mozgásnál azonnal a végső képkocka látszik; JavaScript nélkül a statikus hero.
Térköz-ábra · {{ selName }}
A labda helyzete képkockánként (60 fps), 1440 px-es nézetben. Ahol a pontok sűrűbbek, ott lassul (a csúcsokon); ahol ritkulnak, ott gyorsul (a talaj közelében). A cím {{ titleDone }} ms-nál teljes, az egész hero {{ total }} ms-nál.
Mozgásspecifikáció · {{ selName }}
Az értékek a kódból számolódnak (SzHeroIntro.spec), 1440 px-es nézetre, 1× sebességen. Mobilon az időtartamok a betűmérettel arányosan legfeljebb 15%-kal rövidülnek.
Beilleszthető kód
Két fájl, könyvtár nélkül. A hero.html a jelölést és a stílust tartalmazza; a sz-hero-intro.js az egész mozgást, mindhárom változattal (take: 'a' | 'b' | 'c').