DirectAnimation, 5.část: Path - Builder.cz - Informacni server o programovani

html_obecne

html_obecne

1. října 2001, 00.00 | V dnešním díle seriálu o DirectAnimation si představíme prvek Path, který umožňuje pohybovat libovolným objektem po WWW stránce.

V dnešním díle seriálu o DirectAnimation si představíme prvek Path, který umožňuje pohybovat libovolným objektem po WWW stránce.

Co všechno umí prvek Path?

Pomocí prvku Path můžeme velmi jednoduše nadefinovat trajektorii libovolného prvku WWW stránky a pak s ním po této trajektorii pohybovat. Tento pohyb se dá zrychlovat, zpomalovat, zastavovat atd.

Jak se prvek Path vkládá na stránku

Prvek Path vkládáme na stránku stejně jako všechny prvky DirectAnimation, tj. pomocí tagu OBJECT:

Pro použití ve skriptech je prvek nutné pojmenovat pomocí atribtutu ID. Prvku přiřazujeme vlastnosti pomocí tagů PARAM, které uvádíme uvnitř tagu OBJECT - nyní si tyto vlastnosti ukážeme:

Všechny tyto vlastnosti je možné číst i nastavovat v JavaScriptu, a to pomocí zápisu název prvku.vlastnost. V JavaScriptu navíc můžeme používat tyto dvě vlastnosti, které jsou pouze ke čtení: PlayState (vrací jednu z těchto hodnot: 0 (pokud je pohyb zastaven), 1 (pokud pohyb probíhá) nebo 2 (pokud je pohyb pozastaven) a Time (udává celkový čas pohybu).

Metody prvku Path

Kromě výše uvedených vlastností podporuje prvek Path i několik JavaScriptových metod. Ty se aplikují pomocí zápisu název prvku.metoda a jsou to Pause() (pozastaví pohyb), Play() (spustí pohyb), Stop() (zastaví pohyb a vrátí jej na začátek) a Seek(n) (nastaví přehrávání na n-tou sekundu pohybu).

Závěrem bych vás ještě rád seznámil s metodou KeyFrame. Pomocí té je možné nadefinovat na trajektorii pohybu libovolné množství bodů a nastavit, kdy má být těchto bodů dosaženo. Použití této metody vám osvětlí následující příklad:

A to je o prvku Path vše. Dnešním dílem jsme zakončili "výuku" DirectAnimation a příště se již podíváme na praktické využití této technologie.