VyÜlo v t²denφku: CHIPweek
╚φslo:43/96
Datum:22. °φjna 1996
Strana:33
Rubrika/kategorie: Co to znamenß, kdy₧ se °ekne ...

zp∞t do archivu Φlßnk∙ | rejst°φk | p°edchozφ Φlßnek | nßsledujφcφ Φlßnek

Ji°φ Peterka

Transparentnφ a animovan² GIF

Jednφm z v²razn²ch trend∙ slu₧by World Wide Web je dalÜφ zvyÜovßnφ jejφ u₧ivatelskΘ atraktivnosti. Tedy toho, aby sv∙j obsah dokßzala u₧ivatel∙m p°edklßdat v jeÜt∞ hezΦφm a lφbiv∞jÜφm äobalu", zahrnujφcφm t°eba r∙znΘ druhy pφsma a formßtovßnφ, ale takΘ nap°φklad h²bajφcφ se (ä₧ivΘ") obrßzky, zvukovΘ efekty a dalÜφ.

Snahy o dalÜφ zvyÜovßnφ u₧ivatelskΘ atraktivnost se p°itom mohou ubφrat r∙zn²mi cestami. Jednou z nich je obohacovßnφ mo₧nostφ jazyka HTML, ve kterΘm jsou jednotlivΘ WWW strßnky zapisovßny. Tφmto zp∙sobem lze nejsnßze zajistit novΘ a atraktivn∞jÜφ zp∙soby formßtovßnφ strßnek, mo₧nost pou₧φvßnφ r∙zn²ch druh∙ pφsma, v r∙zn²ch barvßch apod. DalÜφ mo₧nou cestou je zabudovßvat do WWW prohlφ₧eΦ∙ podporu dalÜφch datov²ch formßt∙ - nap°φklad r∙zn²ch multimedißlnφch formßt∙, co₧ poslΘze umo₧≥uje vklßdat p°φmo do WWW strßnek ₧ivΘ videosekvence, zvukovΘ nahrßvky, trojrozm∞rnou grafiku apod. JeÜt∞ dalÜφ cestou je mo₧nost vklßdat do WWW strßnek celΘ proveditelnΘ programy. Ty se pak mohou postarat prakticky o libovoln² efekt kter² je kdo schopen naprogramovat (v rßmci mo₧nostφ pou₧itΘho programovacφho jazyka a prost°edφ), a vlastn∞ tak vytvß°φ maximßln∞ univerzßlnφ mechanismus pro dalÜφ äobohacovßnφ" WWW strßnek.

Existujφ vÜak i n∞kterΘ dalÜφ, pon∞kud konzervativn∞jÜφ cesty zvyÜovßnφ u₧ivatelskΘ atraktivnosti WWW strßnek. Jednou z nich je podpora tzv. transparentnφch obrßzk∙ GIF, a v poslednφ dob∞ pak podpora tzv. animovan²ch obrßzk∙ GIF.

Zavedenφ tzv. transparentnφch obrßzk∙ GIF souvisφ s tφm, jak byl jazyk HTML obohacen o mo₧nost pou₧φvat pro jednotlivΘ strßnky r∙znΘ druhy pozadφ (angl.: background) - co₧ jsou nejΦast∞ji r∙znΘ vzory, reliΘfy, Φi firemnφ loga a znaky, v provedenφ p°ipomφnajφcφm vodoznaky na kvalitnφm papφru. Se zavedenφm t∞chto pozadφ ovÜem vyvstal problΘm co s obrßzky: ty musφ v₧dy mφt b²t obdΘlnφkov² tvar, a to i t°eba tehdy, kdy₧ jde o hezky kulatou ikonku. Jejφ äokolφ", dopl≥ujφcφ koleΦko na povinn² Φtverec Φi obdΘlnφk, pak p°i umφst∞nφ celΘho obrßzku na strßnku zp∙sobφ ne₧ßdoucφ p°ekrytφ pozadφ strßnky. Pokud je toto pozadφ jednobarevnΘ a bez vzorku, a äokolφ" obrßzku je provedeno ve stejnΘ barv∞, nemusφ b²t v²slednΘ p°ekrytφ v∙bec patrnΘ. Ale b∞da jak jde o n∞jak² vzor!

╪eÜenφ, kterΘ se Φasem naÜlo, spoΦφvß v zavedenφ jistΘ äpr∙hlednosti" grafick²ch obrßzk∙ ve formßtu GIF. Dφky vlastnostem tohoto grafickΘho formßtu toti₧ lze jednu z pou₧it²ch barev prohlßsit (ji₧ p°i tvorb∞ obrßzku) za barvu pozadφ (background color). WWW prohlφ₧eΦ pak tuto konkrΘtnφ barvu chßpe jako pr∙hlednou (transparentnφ), v tom smyslu ₧e ji nejen nezobrazuje, ale dokonce mφsto nφ zobrazuje na danΘm mφst∞ to, co p°φsluÜnß Φßst obrßzku p°ekr²vß! Tedy nap°φklad prßv∞ pozadφ strßnky.

DalÜφ zajφmavou mo₧nostφ, kterou grafick² rastrov² formßt GIF nabφzφ, je mo₧nost umφstit n∞kolik relativn∞ samostatn²ch äsnφmk∙" do jednoho a tΘho₧ obrßzku - nejlΘpe je si tuto mo₧nost p°edstavit jako n∞kolik dφlΦφch obrßzk∙ posklßdan²ch na sebe do vrstev, podobn∞ jako se t°eba sklßdajφ na sebe listy papφru. WWW prohlφ₧eΦ pak na takov²to ävrstevnat² obrßzek" reaguje tak, ₧e chvφli zobrazuje obrßzek v jednΘ vrstv∞, pak obrßzek v dalÜφ vrstv∞, a po vyΦerpßnφ vÜech vrstev vÜe cyklicky opakuje. P°i tvorb∞ samotnΘho obrßzku lze dokonce p°esn∞ stanovit, jak dlouho mß b²t ta kterß vrstva zobrazovßna. K Φemu je to ale dobrΘ?

Prßv∞ popsanou mo₧nost lze vyu₧φt k tvorb∞ jednoduch²ch animacφ - do jednotliv²ch ävrstev" lze umφstit jednotlivΘ snφmky krßtkΘ videosekvence, a jejich postupn²m cyklick²m zobrazovßnφm pak vznikß stejn² efekt, jako p°i promφtßnφ krßtkΘ filmovΘ smyΦky. Lze tak vytvo°it nap°φklad efekt vlajφcφ vlajky, pohybujφcφch se p°edm∞t∙, äo₧ivlΘho" pφsma apod. StejnΘho efektu lze sice dosßhnout i jin²mi zp∙soby (nap°φklad vlo₧enφm skuteΦnΘ videosekvence), ale u t∞chto tzv. animovan²ch obrßzk∙ GIF je realizace mnohem jednoduÜÜφ, a hlavn∞ je v²razn∞ menÜφ objem dat, kterΘ je nutnΘ p°enΘst p°i naΦφtßnφ WWW strßnky. A jeÜt∞ dalÜφ v²znamnß v²hoda: pokud n∞kter² WWW prohlφ₧eΦ nepodporuje animovanΘ obrßzky ve formßtu GIF, bude je chßpat jako jednovrstvovΘ, a zobrazφ alespo≥ obrßzek na prvnφ vrstv∞.


zp∞t do archivu Φlßnk∙ | rejst°φk | p°edchozφ Φlßnek | nßsledujφcφ Φlßnek
Tento Φlßnek m∙₧e b²t voln∞ Üφ°en, pokud se tak d∞je pro studijnφ ·Φely, na nev²d∞leΦnΘm zßklad∞ a se zachovßnφm tohoto dov∞tku. Podrobnosti hledejte zde, resp. na adrese http://archiv.czech.net/copyleft.htm