I

love

weblapkészítés

A 3 legegyszerűbb animációs mozgás

Sosem rajongtam a számítógépes játékokért, de a Super Mario tetszett. Igaz, az 1. szintnél tovább sosem jutottam, de érdekesnek találtam ezt az ugráló figurát, igazán karakteres volt. Sok-sok évvel később tudtam meg, hogy ennek a játéknak története is van: Mario célja, hogy kiszabadítson egy hercegnőt a fogságból.

Arra gondoltam, hogy az animációs mozgások bemutatására őt kérem fel, ha már úgyis lételeme az ugrálás :-)

Mindhárom figura ugyanannyi idő alatt (5 másodperc) ugyanazt az utat (le majd fel) teszi meg. Amiben különböznek, az a mozgásuk ritmusa. Ez a 3 leggyakoribb (és legegyszerűbb) effektus. Érdemes monitoron, vagy tableten vízszintes tájolással nézni őket egymás mellett, mert így összehasonlítva látszik leginkább az effektusok ritmusának különbsége.

Ease-in-out

A kezdés is és a befejezés is lassú.

Ease-in

Csak a kezdés lassú.

Ease-out

Csak a befejezés lassú.

Az animációknak adható ritmusok száma végtelen, egy Bézier-görbe nevű matematikai formulával lehet őket meghatározni. Ennek részleteivel nem untatlak titeket, a lényeg az, hogy meg kell adni a kiinduló- és a végpontokat, valamint az ezekhez tartozó irányokat, a böngésződ pedig legenerálja a látványt.

Kiskőrös, 2022. 07. 20.

© 2022 esdirea.hu