Co je to Flash:

Bitmapová a vektorová grafika

Flash MX je, jednoduše řečeno, program pro snadnou tvorbu animací, prezentací či webových stránek. Pracuje s vektorovou grafikou, nikoliv s bitmapovou, což má za důsledek, že flashové animace bývají malé, avšak o to více zaměstnávají procesor počítače, na kterém animace běží.

Rozdíl mezi vektorovou a bitmapovou grafikou je vcelku jednoduchý. Vektorová grafika nakreslené objekty počítá, kdežto bitmapová si je prostě pamatuje jako celek, většinou bod vedle bodu. Nejlepší bude, když to vysvětlím na příkladu.

Nakreslete si ve "windowsáckém" malování červený kruh s černým okrajem. Zmenšete ho tak na pětinovou velikost a poté ho zase zpátky zvětšete. Vidíte, že okraj kruhu již není tak ostrý jak býval.

Stalo se to proto, že při zmenšování kruhu program vypustil některé pixely, respektive je zcela zapomněl. Při zvětšování pak nastal problém, protože vynechané pixely chyběly a jelikož je již program neznal, musel si je dopočítat či nějakým jiným způsobem nahradit. To je první problém.

Druhý problém je v tom, že malování vidí objekt kruhu prostě jako celek, nedokáže rozlišit okraj od výplně a tak když kruh pětkrát zvětšíme, zvětší se pětkrát také okraj.

Vektorová grafika vnímá nakreslené objekty prostě jako vektor(y). Vnímá rozdíl mezi okrajem a náplní objektu a tak když vektorový objekt změnšíme a zpětně zvětšíme, neutrpí na kvalitě (můžete si to zkusit právě ve Flashi). Dalo by se říci, že si prostě pamatuje, že ten kruh má okraj jeden pixel, poloměr sto pixelů, náplň je celá červená a okraj černý. Tyto údaje pak program předá počítači, který daný objekt vykreslí.

A v tom je celý vtip. Ale také problém - samotný soubor obsahující informace o vektorech je malý, ale o to více se tedy zatíží procesor počítače, který musí všechny objekty vykreslit a případně ještě rozpohybovat.

Výhody Flashe proti klasickému HTML

To je možná jedna z prvních otázek, která vás napadla. Flash má oproti HTML v zásadě několik výhod, ale také několik nevýhod. Slušilo by se začít u výhod. Tak tedy:

• To co uděláte složitě přes Javascript a kaskádové styly, to lze ve Flashi udělat snadno a rychle. HTML (myšleno včetně Javascriptu a css) nedisponuje takřka žádnými prostředky jak vytvořit animovanou stránku, jak ji rozpohybovat. A když už ano, způsob provedení bývá dosti složitý a komplikovaný. Udělat ve Flashi pěknou animaci je otázka několika okamžiků.
• Jednodušší je také práce s daty, které vám zadá uživatel. Nemusíte umět PHP (pokud nechcete dělat opravdové šílenosti), abyste mohli jednoduše reagovat na uživatelem zadané parametry.
• Flashové stránky se spustí, i když ještě nejsou zcela načtené v paměti počítače. V praxi se však spíše používá preloader, který spustí webovou prezentaci až když se načte celá. Po načtení už běží naprosto plynule (samozřejmě podle možnosti procesoru počítače) a nemusíte jako u klasických HTML stránek čekat několik vteřin než vám to načte další stránku (zase pokud máte slabé připojení a flashová stránka je velká, tak si docela počkáte, než se celá načte).
• U flashových stránek se vám nestane, že v jednom prohlížeči se stránka zobrazí tak a v jiném jinak. Ve všech prohlížečích se zobrazí naprosto stejně. Prohlížeč sám totiž pouze zobrazuje již vytvořenou animaci či prezentaci, v případě HTML ji vlastně tvoří za pochodu, respektive prohlížeč čte příkazy, podle kterých se snaží stránku vykreslit. Tuto práci však již za prohlížeč odvedl právě program Flash.
• Ve Flashi se dají vytvářet interaktivní animované reklamní banery, které jsou daleko působivější než animované gify a datově nejsou o nic větší.
• Ve Flashi lze vytvořit prakticky cokoliv, na co si vzpomenete. Jakékoliv šílené animaci, celý váš web může reagovat na jediné kliknutí myši, menu nemusí být pouze statické, může se klidně pohybovat za kurzorem myši a klidně si na svůj web umístit hořící pochodeň.

Nevýhody Flashe

• Větší zátěž na procesor uživatelova počítače. Zejména starší počítačové modely mají s některými flashovými prezentacemi značné problémy. Pokud procesor nestíhá zpracovávat a počítat data, animace se sekají a nevypadá to hezky. Zklamaný uživatel patrně půjde hledat jiný web.
• Pokud jsou stránky příliš velké, budou se dlouho stahovat a hrozí, že se na to návštěvník vykašle a opět půjde hledat informace jinam. Pamatujte, že ještě hodně uživatelů má modem, který nemá příliš vysoký download. Stahovat nějakou půlmegovou animaci jim může zabrat klidně tři minuty. Čekali byste tři minuty, než by se vám otevřela úvodní stránka?
• Pokud nemá uživatel požadovaný plug-in, stránka se mu prostě nezobrazí. Zásuvný modul, neboli plug-in, je prostě požadavek nutný k tomu, aby prohlížeč flashovou prezentaci přehrál. Většina dnešních prohlížečů již tyto zásuvné moduly má. Když uživatel požadovaný zásuvný modul přesto nemá, po najetí stránek Flash sám uživateli nahlásí, že chybí plug-in a nabídne možnost instalace. Pak už je jen na uživateli, jestli si modul stáhne nebo ne.
• Flash je spíše grafický či animační program, který hůře spolupracuje s normálním textem. Pokud byste chtěli mít na stránkách tuny textu, rozhodněte se radši pro HTML než pro Flash (například dělat tyto stránky ve Flashi by byl horor nejhororovatější).
• Také pro tvorbu tabulek není zrovna Flash expert. V HTML existuje tag "table", který ve stránkách vytvoří tabulku, ve Flashi nic takového není a tak si každý musí svou tabulku nakreslit sám, což je přinejmenším otrava.

Základní nastavení

Otevřete si nový dokument a dole v panelu Properties máte jakési základní nastavení vašeho programu. Klikněte na Size, kde je automaticky zadaná velikost dokumentu na 550/400px.

Vyskočí vám okno, kde si můžete nastavit libovolnou šířku a výšku dokumentu. Dále si zde můžete nastavit barvu pozadí. Pokud byste chtěli udělat třeba dvoubarevné pozadí, musíte si jej normálně nakreslit a vložit do nejspodnější vrstvy animace (viz kapitola Animace).

Pod nastavením pozadí je patrně nejdůležitější položka - Frame Rate alias počet snímků za vteřinu. Čím nižší počet framů, tím se bude animace více sekat a naopak - čím více provedených snímků za vteřinu, tím budou všechny animace hezky plynulé, ale samozřejmě také budou o to více náročnější na procesor počítače. Já začínal s 12, pokračoval jsem přes 24 a skončil jsem u 36 framů za vteřinu. (Jednou jsem použil i 120, což je maximum). Přesto ale doporučuji Frame Rate 24, řekl bych, že to je optimální. Ani málo ani moc.

Pak už si můžete jenom nastavit jednotky, které bude program Flash používat (nechte pixely) a případně tlačítkem Make Dafault určete defaultní nastavení (tj. každý nový dokument bude mít vaše nynější nastavení - hodí se to zejména když si zvyknete na nějaké vlastní rozlišení).

Různé typy souborů

Flash má 2 základní typy souborů a sice *.fla, což je zdrojový soubor, ve kterém se ocitnete ve chvíli, kdy Flash otevřete. Druhý soubor je *.swf, který bývá oproti prvnímu souboru menší a je to vlastně tížený výsledek vaší práce.

Rozdíly mezi nimi jsou jednoduché a v podstatě stejné jako u HTML. Pokud si zdrojový kód HTML zobrazíte v poznámkovém bloku, spatříte změť různých tagů, kterým, pokud kód HTML neovládáte, nejspíš vůbec neporozumíte. Oproti tomu když si zdrojový kód necháte přehrát nějakým prohlížečem nebo Internet Explorerem, spatříte (s trochou štěstí) funkční stránky.

Stejně tak se chová *.fla - zdrojový kód a *.swf - funkční aniamce. Pokud tedy ve flashi vytvoříte animaci, budete si ji chtít patrně prohlédnout - vygenerovat swf. Nebojte se, stačí vám stisknout klávesovou kombinaci CTRL+ENTER a program Flash již všechno vykoná sám. Otevře se okno, ve kterém se spustí vaše animace a vy si tak již jen můžete vychutnávat pocit z dobře provedené animace. Vygenerovaný swf se uloží do stejné složky a se stejným jménem jako zdrojový soubor.

Pozor! Pokud máte uložený pouze *.swf soubor (bez zdrojového *.fla souboru), nepodaří se vám ho zpětně otevřít jako *.fla, proto si vždy pečlivě všechny zdrojové *.fla ukládejte.