Macromedia FLASH 4 – určení souřadnic

18. ledna 2000

•

V dalším díle našeho seriálu o Macromedia Flash se naučíme vytvořit objekt, který bude kopírovat pozici kurzoru a vypíše souřadnice na obrazovku.

Nejdříve si vytvořte novou scénu, která bude mít velikost např. 300 px na 150 px. V první vrstvě namalujte kolečko. Kliknutím toto kolečko označte a vytvořte z něj symbol (F8) – movie clip a nazvěte jej „kolecko“.

Vytvořte si novou vrstvu a v ní honí části napište písmena x a y. V tuto chvíli je třeba vytvořit textové políčka pro souřadnice x a y. Klikněte tedy na nástroj Text a kliněte na tlačítko Text field v dolní části. Poté klikněte vedle písmene x ve scéně a vložte textové políčko, stejně tak u písmene y. Pokud toto políčko označíte šipkou je možné s ním po scéně libovolně pohybovat.

Pravým tlačítkem klikněte na textové políčko u souřadnice x vypište hodnotu Variable: x (proměnná, pod kterou budeme získávat souřadnice kurzoru). Další možnosti jsou již volitelné:

Draw border and background – ohraničí políčko a nastaví bílé pozadí, nezatržené je průhledné

Password – stejně jako v HTML zobrazí místo písmen a číslic hvězdičky

Multiline – víceřádkové textové políčko

Word wrap – zalamování řádek

Resctrict lenght to x characters – možnost omezení délky políčka na x znaků

Disable editing – znemožní zapisovat do políčky

Disable selection – znemožní označit text v políčku

Outlines – pomocí této volby se dá zredukovat výsledná velikost celkové animace, jedná se písmo které se objevuje v políčku. Je zde na výběr ze třech možností, kdy první neuloží font v políčku, druhá volba uloží všechny písmena a číslice daného fontu a třetí nabízí výběr, které písmena a číslice se mají uložit. Doporučuji do textového políčka použít takový font, který by měla mít většina uživatelů (tedy ARIAL nebi TIMES, popř COURIER) a zatrhnout první možnost.

To stejné provedete v políčku u souřadnice y, jen s tím rozdílem, že jako proměnnou vložíte hodnotu y.

Klikněte na symbol kolecka (Modify>Instance) a do políčka Instance name vložte hodnotu: kolo. Potvrďte OK.

V první vrstvě (ve vrstvě, kde se nachází kolečko) klikněte na 1 frame v časové ose (Modify>Frame) a v záložce Actions klikněte na symbol + a vyberte z nabídky „Drag movie clip, v pravé části klkněte na ikonu abc>Target Editor a vyberte z nabidky „kolo“, dále ještě zatrhněte políčko „Lock mouse to center“, což zajistí, aby se střed symbolu (kolečka) shodoval s místem kurzoru. Potvrďte OK.

Dále klikněte pravým tlačítkem na symbol kolečka a v kontextové nápovědě zvolte Edit. Klikněte na frame 1 v časocé ose (Modify>Frame) a v založce Actions klikněte na symbol + a vyberte z nabídky Set Variable (vložit proměnnou). V této části v podstatě musíme přidělit proměnným x a y hodnoty, které si načtou z pozice kurzoru.

Proměnné a hodnoty, které se zde nacházejí opište dle obrázku – Set Variable: „..:x“ = GetProperty ( „/kolo“, _x) (u y souřadnice vyměníte jen ..:y a _y). Pro editaci výrazů se dá použít Expression Editor, ale jeho používání vyžaduje již trochu zkušeností (doporučuji procvičit na vlastní pěst). Na oplátku vám tento editor nabízí velké množství funkcí a jejich kombinace – takové jednodušší programování.

Klikněte na frame 2 v časocé ose, vložte klíčový snímek Keyframe (F6) a dále (Modify>Frame) a v založce Actions klikněte na symbol + a vyberte z nabídky „Go to“ a v dolní části zatrhněte „Go to and Play“.

Přepněte se do hlavni scény a tím je prakticky celá animace hotová, teď již jen vyexportujte výsledný swf soubor (Export>Export Movie) anebo si jej jen otestujte přímo ve FLASH 4 (CRTL+ENTER).

Do stránky vložíte soubor pomocí tohoto HTML kódu:

Příklad výše uvedené animace naleznete na tomto odkazu.

Předchozí článek Několik zásad při vytváření vlastních ASP stránek

Další článek Nulové okraje www stránek