Vývoj WWW aplikací


Produkty

Připravujeme
AnimH

AnimH


 
Co je AnimH?
Stručný popis
Demonstrace
Příklad
   Úvod
   Naše nabídka
   Vaše požadavky
   Ceník
   Zpracování zakázky
   Kontakt
   Pracovní poptávka
   Produkty
   Mapa serveru

Demonstrace

Není to animovaný GIF, není to FLASH, není to ani JAVA, je to JavaScript a AnimH - co lze s tímto spojením provádět?

Klikněte prosím na zelenou kuličku umístěnou pod navigační nabídkou. Knihovna je napsána v JavaScriptu, proto bude demonstrace funkční, pouze pokud máte v prohlížeči povolené spouštění scriptů. Animace probíhá 56 vteřin a je pozastavována jen z popudu události navigační nabídky (přesun ukazatele myši nad kteroukoli položku). Pokud kliknete na kuličku opět, otočí se směr animace, a to i v případě, že je momentálně pozastavena.

Tuto animaci provádějí čtyři různé DOM objekty <img> s několika přednastavenými počátečními hodnotami vlastností. Každý objekt je spojen s šablonou své vlastní animace, která je pokaždé tvořena pěti pohyby (zpomalený orbitální, zrychlený šroubovicový, zpomalený šroubovicový, zrychlený orbitální a zrychlený šroubovicový s nulovou šířkou). Definice akcí jsou pro všechny tyto DOM objekty téměř stejné. Jediným drobným rozdílem je koeficient zrychlení, proto se objekty na své trase rozcházejí a zase scházejí. Každý objekt sice mění rychlost s jiným zrychlením, ale dráhu za stejnou dobu ubrazí stejnou.

Veškeré ostatní efekty, které běží na této stránce (změna jasu hlavního titulku - po načtení stránky nebo přesunu ukazatele, objevující se texty pod menu i pohyby menu položek), jsou vytvořeny také pomocí knihovny AnimH. Některé tyto efekty jsou také pozastavovány a opět spouštěny z popudu události aktivace a deaktivace navigační nabídky.

Valid HTML 4.0!Valid CSS!
Čas poslední modifikace: Wed Dec 3 10:31:19 2008
© Pavel Hrubec, 2005