Macromedia Shockwave × Flash

Ondřej Kasan, 6.ročník
email: kasano@cs.felk.cvut.cz
tyto stránky umístěny na adrese http://cs.felk.cvut.cz/~kasano/apg
pokročilá zkušenost autora s MM Director 8, minimální s MM Flashem 5

Motivace referátu

Referát se pokouší ozřejmit problematiku výstupních formátů Shockwave a Flash nástrojů firmy Macromedia (Flash 5, Director 8.5) a zaměřuje se na praktické rozdíly zvenčí mezi nimi, než na přímo jejich implementační vlastnosti.

Úvod do problematiky

Pokud se na zaměříme na produkty firmy Macromedia Macromedia Flash 5 a Macromedia Director Shockwave Studio 8.5, nezasvěcenému se oba produkty jeví už jen svým pracovním prostředím velmi podobné. Stejně tak i popis na firemních internetových stránkách www.macromedia.com vzbuzuje dojem, že si tyto dva produkty navzájem mohou konkurovat. Stejného pocitu návštěvník nabude i srovnáním Directoru a Authorware (ale to je už na jiné téma). U všech zmiňovaných produktů se ve všech možných spojeních hojně skloňují klíčová slova jako animace, prezentace, interakce, multimedia, grafika, internet.

Ano, všech těchto výsledků je skutečně ve všech produktech možné dosáhnout, ale tato univerzálnost zmiňovaných programů je dána spíše vývojem, kdy na začátku byly zaměřené na svojí část, teprve později se postupným obohacováním o další funkce naplnila jejich výbava až k vzájemnému prolínání schopností programů. Je tedy velmi pravděpodobné, že se vám podaří téhož dosáhnout ve více programech (Flash, Director), dokonce postup bude v principu podobný, ale k dispozici bude často jiná paleta funkcí a vlastností.

Flash 5

zaměřen především na tvorbu efektních působivých animací i statické grafiky, teprve později s možností je obohatit o interaktivitu s uživatelem
škála využitelných prvků a vlastností umožňuje vystavět kompletně webová sídla ve Flashi
výstup programu je primárně určen pro internet (internetový prohlížeč), přípona formátu je .SWF (ShockWave Flash - MIME type="application/x-shockwave-flash").
základní vlastností Flashe je maximální vektorovost prvků (to vysvětluje, proč Flashové prezentace jsou tak malé, svižné a rychle stahují), avšak bitmapové obrázky jsou samozřejmě použitelné, stejně tak zvukové soubory (optimálně .MP3, .SWA)
zaměření na internet vybavilo program optimalizačními nástroji pro kvalitní výstup (parametrizace výstupu)

Director 8.5 ShockWave Studio

určen především pro tvorbu multimediálních prezentací, vybavených grafikou, animacemi, zvukem a interakcí
ačkoli je pro typické multimediální encyklopedie (s hypertextovým procházením) určen spíš produkt AuthorWare, vzhledem k jeho vysoké ceně se pro tvorbu takových produktů mnohem častěji používá právě Director
pracuje s termínem movie, v dalším textu překládán jako "film"
výstup programu je primárně určen do vlastního formátu .DIR (po zakódování proti možnosti editace .DXR, internetová Shockwave podoba má příponu .DCR), pro samostné spouštění jako samostatná aplikace (např. na CD-ROM) se vytváří "Projector" zahrnující prohlížeč i prezentaci (.EXE) nebo se tato prezentace (.DXR) volá externě z "Projectoru"..
přídomek v názvu "Shockwave Studio", novinka verze posledních verzí - výstup i do internetového formátu označovanému Shockwave - s příponou .DIR, .DXR a MIME type="application/x-director"(na tomto internetovém poli si Director právě s Flashem docela konkuruje)
pracuje převážně s bitmapovou grafikou (dodávaná z externích grafických programů jako Fireworks apod.), vektorová grafika je na velice slabé úrovni, optimalizace (komprese) nedosahuje takové efektivity (pro úložný prostor typu CD-ROM není ani třeba)

Společné vlastnosti produktů

podobné pracovní prostředí, jeho rozvržení do oken (plocha animace Stage, časová osa Score, knihovny objektů Cast), podobné jsou i nástrojové lišty
možnost skriptování pro dosažení interaktivity - Flash má jazyk ActionScript, Director pak Lingo (balíčky seskupovaných (standardních) akcí se nazývají Behavior)

Vlastnosti Flash a Shockwave formátů

Oba formáty zpravidla obsahují:

seznam objektů objevující se v animaci/prezentaci (obrázky, zvuky, vektorové objekty)
kdy a kde se tyto objekty objevují (na obrazovce, v čase)
parametry těchto objektů (otočení, deformace, způsob utváření animace z klíčových snímků)

Formát Flash je otevřený - lze si na www.macromedia.com stáhnout vývojový balík SDK (vytváření .SWF souborů z programů na úrovni C++ rozhraní). To spolu s vývojem za účasti dalších stran zřejmě způsobilo maximální popularitu tohoto formátu. I díky tomu existují i jiné editory než Macromedia Flash, případně podpůrné programy třetích stran specializujících se jen na určité efekty (např. Flax - pro text).

Shockwave i Flash - podporuje streamovaný přenos. Pro přehrávání tak není nutné, aby se do počítače nutně nahrála celá animace/prezentace najednou, ale stačí jen malá část, aby se animace spustila, zatímco zbytek se dohrává ze sítě a zobrazuje postupně..

Pořadí stahování částí filmu (zpravidla - pokud nenastavíme jinak) v Shockwave:

umístění objektů ve scéně a v čase (Score data) - zpravidla nejmenší data
všechny skripty (Lingo, ActionScript) - rovněž malá data
vlastní objekty objevující se ve scéně, přednost mají dřívější před pozdějšími (největší a nesložitější data)

Proces stahování (streamování) zjišťování stavu lze řídit i prostřednictvím Lingo skriptů. Ty disponují i příkazy pro přímou práci se sítí (např. getNetText(url) ).

Otázka nadřazenosti či vzájemného se doplnění formátu jako takových:

Jak naznačují příručky k Flash 5 a Director 8, jeví se formát Shockwave jako robustnější a do jisté míry univerzálnější. V tom smyslu, že Flash animace je možné jako samostatné a nezávislé objekty vkládat do prezentace vytvářené v Directoru (Shockwave) a postupně s nimi dále manipulovat a ovládat dokonce i z Lingo skriptů. Opačná možnost (Shockwave jako objekt ve Flashi) k dispozici není. I z toho plyne, že Shockwave je vůči Flashi nadřazený, pokud je chceme kombinovat. Jinak jsou to dvě samostatné technologie, které existují vedle sebe a jsme s nimi schopni často dosahovat obdobných výsledků.

Další možnosti Shockwave

Zcela zásadní věc navíc oproti Flashi je možnost internetové komunikace - prostředníkem je instalovaný Shockwave Multiuser Server. Klienti v podobě Shockwave filmů pak mohou navazovat komunikaci:

klient-server (s Shockwave Multiuser Serverem) - distribuovaná komunikace
peer-to-peer (uživatelé a jejich filmy mezi sebou) - rovnocenná komunikace
připojení na jiné - textové servery (telnet, smtp, relay...)

Veškerá podpora tohoto síťového provozu je shromážděna do příkazů Lingo skriptů (knihovna Multiuser Xtra).

Typické aplikace realizovatelné pomocí Shockwave Multiuser komunikace:

chat s realtime konverzací
interaktivní hry mezi více hráči
vedení virtuálních jednání - místnost se sdílenou tabulí, jejíž prostřednictvím účastníci komunikují
obohacení elektronického obchodu o formu lidské interakce - např. technická podpora zákazníkům nebo jiné služby

Novinkou Macromedia Directoru verze 8.5 je Shockwave 3D - podpora online zobrazení a manipulaci s 3D grafikou. Svou popularitu si zřejmě získá i díky podpoře velkých softwarových firem (3D modeláře), i hardwarových výrobců (Intel apod.).

Podpora přehrávání v prohlížečích:

Týká se shodně jak Flashe, tak Shockwave - je naprosto bezproblémová od verzí 3.0, tedy od poměrně starých verzí.

Netscape 3.0 a vyšší umožňuje přehrávat díky plug-in technologii
Internet Explorer 3.0 a vyšší přehrává pomocí technologie ActiveX
Macintosh - Internet Explorer od verze 4.0

Podpora pro přehrávání Flash se zpravidla instaluje prakticky vždy spolu s prohlížečem, Shockwave je přítomný v plné instalaci Internet Exploreru a v ostatních případech (pokud není ještě instalován nebo jen starší verze) stáhnutí pluginu či prvku ActiveX z www.macromedia.cz nabídne sám prohlížeč:

Podobný dialog se zobrazí, pokud není ani Flash instalován.

Po nainstalování nalezneme v Internet Exploreru v "Možnosti sítě internet" » "Nastavení" » "Zobrazit objekty" nainstalované oba přehrávače:

První z nich je prvek ActiveX umožňující přehrávání Shockwave (verze 8.5), druhý je Flash player (verze 5).

Začlenění do HTML stránky

Začlenění Flash nebo Shockwave prezentací se provádí pomocí <OBJECT> - jak pro Flash, tak pro Shockwave:

Nejdříve pro Flash:

 <OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
  codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
  WIDTH=550 HEIGHT=400>

  <PARAM NAME=movie VALUE="Movie1.swf">
  <PARAM NAME=quality VALUE=high>
  <PARAM NAME=bgcolor VALUE=#FFFFFF>
 
  <EMBED src="Movie1.swf" quality=high bgcolor=#FFFFFF  WIDTH=550 HEIGHT=400 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"></EMBED>
 </OBJECT>

A velmi podobně pro Shockwave:

 <object classid="clsid:166B1BCA-3F9C-11CF-8075-444553540000"
  codebase="http://download.macromedia.com/pub/shockwave/cabs/director/sw.cab#version=8,0,0,0" ID=test1
  width=500 height=330>

  <param name=src value="test1.dcr">
  <param name=swRemote value="swSaveEnabled='true' swVolume='true' swRestart='true' swPausePlay='true' swFastForward='true' swContextMenu='true' ">
  <param name=swStretchStyle value=none>
  <PARAM NAME=bgColor VALUE=#FFFFFF> 

  <embed src="test1.dcr" bgColor=#FFFFFF  width=500 height=330 swRemote="swSaveEnabled='true' swVolume='true' swRestart='true' swPausePlay='true' swFastForward='true' swContextMenu='true' " swStretchStyle=none
  type="application/x-director" pluginspage="http://www.macromedia.com/shockwave/download/"></embed>
 </object>

Vždy je nejdříve identifikován daný objekt - příslušný Flash/Shockwave prohlížeč a v případě jeho nepřítomnosti dojde k jeho stažení ze zadané url (web Macromedie). Identifikace verze umožnuje stáhnout v případě potřeby novější verzi přehrávače. Následují parametry ovlivňující chod prohlížeče a po něm konečně vlastní EMBED, odkazující na přehrávaný soubor.

Ukázkové prezentace pro srovnání

Pokusil jsem se vytvořit dvě velmi podobné prezentace - jednu ve Flashi, druhou v Shockwave (Directoru). Účelem nebylo dosažení přesnosti, ale porovnání velikosti a podoby výstupu z obou programů (Flash 5 a Director 8).

Animace ve Flashi	Animace v Shockwave (Directoru)

Až na odchylky dané nezvládnutím fyzikálních vlastností skákající kuličky se jeví pro přehrávání obě prezentace vizuálně jako téměř rovnocenné. Rozdíl bude pouze v přímé dostupnosti přehrávače (Flash je téměř všude, Shockwave nikoli - je třeba stáhnout).

Pokud budeme hledat rozdíly mezi velikostmi souborů .SWF a .DCR (u takto jednoduché animace), ukáže se stará pravda, že Flash je mnohem více optimalizován než Shockwave.

Závěr a zhodnocení:

Technologie Flash přišla na internetový trh dříve a dříve se ujal jako standard. Je přímo specializovaná na web a to nejen svou rychlostí a velikostí. Je z ní patrná maximální vektorovost řešení, i v samotném prostředí Flash 5 je k dispozici rozsáhlý balík vektorových nástrojů (oproti Directoru, který je v tomto nepoměrně chudší).

Shockwave přišel později a to jako reakce firmy Macromedia na úspěch internetu - Shockwave je alternativní (ale stále více upřednostňovaný) výstup z programu Director 8.5, který je určen především na tvorbu multimediálních prezentací. Shockwave je ale o něco náročnější - velikostí prezentací i velikostí přehrávače, ale také spíše díky svému bitmapovému pojetí a minimálními vektorovými nástroji. Director má k dispozici bohatší skriptovací jazyk (Lingo) než Flash (ActionScript), lze s ním realizovat mnohem komplikovanější aplikace.

U Shockwave se nabízí srovnání s Java applety: Shockwave je mnohem více zaměřený na grafickou stránku, přesnost zobrazení a efektní přechody a animace. Java je více vnímána jako univerzální programovací jazyk (i když schopnosti Lingo jazyka na Javu dotahují.)

Doporučení na závěr

Seznámení, spousta informací a především nepřeberné množství ukázek technologie Shockwave je na adrese: www.shockwave.com. Současně jde o stránku, která je kombinována s Flashem. Jiný odkaz - www.flash.com - směřuje na firemní stránky Macromedie, ale už není tak působivý pro vlastní prezentaci technologie.