Základní pojmy

Obrázek 1: Vlevo 2D objekt, vpravo 3D objekt

Obrázek 2: Motion Capture

Formáty dvourozměrné vektorové animace

Formát SWF

Zkratka SWF značí Small Web Format (dříve Shockwave Flash). Jde o kontejnerový formát s příponou .swf vyvinutý společností FutureWave v polovině roku 1990. Od roku 1996 byl ve vlastnictví společnosti Macromedia, která společnosti FutureWave odkoupila a od konce roku 2005 je ale ve vlastnictví společnosti Adobe a je nejznámějším formátem zobrazování vektorově založených animací, multimédií a interaktivního obsahu na webu. Účelem vytvoření takového formátu bylo jednodušší zavedení vektorové grafiky a animací na webu (reklamní bannery, hry, videa apod.). Účel vytvoření tohoto formátu byla jeho velikost po komprimaci a možnost zasílání a zobrazování přes pomalejší sítě. Formát podporuje možnost animace, kombinace s multimédii a jeho největší předností je možnost interaktivity. Nativně lze tento formát získat ze softwaru ve vlastnictví Adobe (konkrétně Adobe Flash), ale existují i open source nástroje, ve kterých můžeme SWF soubor editovat nebo další programy, které nabízejí možnost exportu do tohoto formátu. Jako ostatní soubory, které jsou produkovány společností Adobe, je potřeba mít pro přehrání SWF nainstalován přehrávač Adobe Flash Player, který je volně dostupný a má ho dnes jako doplněk webového prohlížeče většina z nás.

Výhody:

• možnost animace, přidání multimédií,
  
• interaktivita – pomocí jazyka ActionScript,
• podpora anti-aliasingu (vyhlazení hran a tím vytvoření dojmu vyššího rozlišení snímku),
• rychlé a kvalitní vykreslování v libovolném barevném formátu,
• zpětná kompatibilita – vývoj nových funkcí a zachování kompatibility i se staršími verzemi Flash Playeru,
• zobrazení fontu písma bez závislosti na tom, zda je font v daném zařízení nainstalován,
• binární formát – nelze do něj nahlédnou jako např. do SVG.
⚑

Nevýhody:

• tvorba v produktech Adobe,
• může být náročnější na výkon počítače,
• postupná ztráta podpory v internetových prohlížečích.

Formát SVG

Zkratka SVG z anglického Scalable Vector Graphics znamená v překladu Škálovatelná vektorová grafika.

• Scalable = možnost libovolného zvětšování a zmenšování bez ztráty kvality
  
• Vector Graphics = matematicky definované geometrické objekty, ze kterých jsou SVG objekty tvořené
  

Jde o značkovací jazyk a formát souboru popisující dvourozměrnou vektorovou grafiku prostřednictvím značkovacího jazyka XML. Zároveň je otevřeným standardem vyvinutým konsorciem W3C roku 1999 a pro vytvoření nebo úpravu souboru nám postačí obyčejný textový editor. Samozřejmě existuje i velké množství editorů, které s formátem SVG umí pracovat (jde o komerční produkty ale i o volně dostupné „open source“ programy). SVG ale neumožňuje jen ukládání vektorové grafiky, ale i propojení s rastrovou grafikou, vložení textu a umožňuje i tvorbu animací a interaktivitu. Proto SVG není jen nástrojem k zobrazení statických obrázků (loga, ikony, prvky uživatelského rozhraní, ilustrace), často se používá pro interaktivní mapové portály (GIS), jednodušší hry, online grafické editory, interaktivní grafické prvky apod.

Objekt vytvořený v SVG je složen ze základních geometrických tvarů (obdélník, kruh, elipsa, čára, lomená čára, mnohoúhelník), cest, textu (není tvořen cestami), podporuje i možnost ořezu, průhlednosti a práce s rastrovou grafikou. Jednotlivé objekty mohou být seskupovány, formátovány pomocí atributů nebo CSS apod. Objekty můžeme měnit pomocí knihovny DOM, použít CSS styly nebo jazyk JavaScript.

Zdrojový kód lze uložit buď jako soubor s příponou .svg, tím vznikne plnohodnotný obrázek nebo můžeme kód vložit do XHTML/HTML5 kódu.

V současnosti už většina webových prohlížečů formát SVG podporuje bez nutnosti instalace zásuvných modulů. Jen u verzí Internet Explorer 8 a nižší a mobilních operačních systémů Android 2.3 a nižší.

Výhody:

• libovolné zvětšování a zmenšování bez ztráty kvality a změny datového objemu,
  
• možnost vložení obrázků přímo do webové stránky,
  
• možnost úpravy vzhledu pomocí CSS,
  
• možnost manipulace s objekty pomocí JavaScriptu,
  
• možnost animování jednotlivých prvků a efektů SVG obrázku,
  
• možnost vložení textu (skutečného, ne cest, které text utváří) a tím i možnost vyhledávání podle obsaženého textu.
  

Nevýhody:

• podpora ve webových prohlížečích,
  
• vhodnost pro všechny typy grafik,
  
• datový objem může být větší než u optimalizovaných rastrových formátů,
  
• otevřený zdrojový kód (ochrana před kopírováním a upravováním).