SEMINARSKI RAD WEB DIZAJN

D I N K O

WEB ANIMACIJA
Varadin, studeni 2011.

I M A C

SADRAJ
UVOD.....................................................................................................................................................................................3 ANIMIRANI GIF......................................................................................................................................................................4 DINAMINI HTML..................................................................................................................................................................6 JAVA APPLETI........................................................................................................................................................................7 ADOBE FLASH.......................................................................................................................................................................8 SHOCKWAVE.........................................................................................................................................................................9 PRIRODNA ANIMACIJA........................................................................................................................................................11 OSNOVE WEB ANIMACIJE..................................................................................................................................................11 NELINEARNA ANIMACIJA....................................................................................................................................................12 BUDUNOST WEB ANIMACIJE...........................................................................................................................................14 ZAKLJUAK..........................................................................................................................................................................15 LITERATURA........................................................................................................................................................................15

UVOD

apretkom web tehnologija, raste i broj naina na koje neki sadraj moe biti prikazan. Dok su u samim poecima weba ljudi bili i vie nego zadovoljni tekstom i pokojom slikom na stranicama koje su pretraivali, danas svaka stranica obiluje raznim multimedijalnim sadrajima, od kojih su animacije jedan velik i vaan dio. Zato? Ljudi vole pokret, vole gledati neto to se mie i dizajneri web sadraja su to brzo shvatili i otkrili da je animacija na webu jedan izvrstan i izuzetno pogodan nain privlaenja panje korisnika. Teko je posjetiti neku stranicu, prvenstveno portal, koji u svoj raspored elemenata nema ukljuen poseban dio za razne bannere koji slue za reklamiranja drugih ili pak svojih stranica, usluga, kompanija i slinog, a koji se sastoje od pokretnih elemenata koji jednostavno privlae ljudsko oko, htjeli mi to ili ne, pa sve do interaktivnih bannera koji korisnika izazivaju da odigra igru kako bi posjetio stranicu iza bannera, a to esto ni nije nuno potrebno. U svojoj kratkoj povijesti, internet i web tehnologije neprestano i ubrzano napreduju, a taj napredak uvelike potiu dvije suprotne sile: Web dizajneri i korisnici weba uvijek preko interneta ele prenjeti sve dotjeranije oblike sadraja Da bi sadraj stigao do to veeg broja korisnika, veliina datoteka koje se prenose mora biti dovoljno mala da se brzo prenese preko svih vrsta internetskih veza. [1] Te sile, odnosno zahtijevi weba, prisilile su inovatore koji se bave internetom na osmiljavanje niza pametnih trikova za dostavu kompleksnih sadraja preko ogranienih internetskih veza. Stoga, web animacija je definitivno neto neizbjeno za svakog ambicioznog web dizajnera koji eli privui panju i biti u toku s dananjim standardima weba. U ovom u seminaru objasniti na koje se sve naine postie web animacija, te pojedinano pojasniti svaki od naina, te njihove prednosti i mane.

Postoji vie naina na koje web dizajneri postiu animacije, koristei sljedee tehnologije:

Animirani GIF Dinamini HTML Java Shockwave i Flash

I dok svaka od ovih tehnologija ima svoje prednosti, takoer imaju i neka ogranienja zbog kojih je potrebno razmisliti koju emo i kada koristiti, te koliko su nam potrebne mogunosti koje svaka od njih ima.

ANIMIRANI GIF

edna od najvanijih inovacija u povijesti weba bila je mogunost integriranja vizualnih elemenata s tekstom[1], to je u poetku bilo neekonomino budui da se radilo o bitmap datotekama, koje su u pravilu, kao to im ime i govori, mape bitova od kojih svaki (ili nekoliko njih) opisuje jedan piksel, njegovu boju i transparentnost.[3] Da bi se uinila prijeko potrebna ( a pogotovo u to vrijeme) kompresija podataka u slici, poele su se koristiti tehnike osjetnog smanjenja zauzea memorije slika. Tako su se na Webu aktivnije poeli koristiti kompresirani JPEG i GIF formati. Budui da je svaka animacija zapravo niz obinih slika koje su prikazane u slijedu s vie ili manje kadrova u sekundi, najoitija i prva ideja web animacije je bila prikazati niz bitmapa u slijedu. Tako je CompuServe, koji je prvi vei komercijalni online servis u Americi, 1987. predstavio novi bitmap format, nazvan Graphics Interchange Format, skraeno GIF. [3] Svaki piksel u GIF-u u mogunosti je poprimiti do 8 bitova, to mu omoguuje da prikazuje slike u paleti od 256 boja. [3] Takav ustupak je bilo potrebno napraviti kako bi se kompenzirala mogunost prikaza vie slika unutar jedne datoteke. Jedna od glavnih prednosti GIF animacija jest da je izuzetno lako raditi s njima i to ih automatski prepoznaju web browseri, bez potrebe za pluginovima ili ikakavim dodatnim instalacijama. Izrada GIF animacija se moe obavljati preko mnogobrojnih besplatnih alata iskljuivo za tu namjenu, ili pak pomou programa kao to su

Photoshop koji u sebi ima ugraenu mogunost spremanja slijeda bitmap slika. Sve to je potrebno uiniti jest u aplikaciju posloiti slijed slika koje e se spojiti u jedinstvenu GIF datoteku, a na web se jednostavno objavljuje standardnim tagom kao za bilo koji drugi format slike. [1]

[6]

Photoshop koji u sebi ima ugraenu mogunost spremanja slijeda bitmap slika. Sve to je potrebno uiniti jest u aplikaciju posloiti slijed slika koje e se spojiti u jedinstvenu GIF datoteku, a na web se jednostavno objavljuje standardnim tagom kao za bilo koji drugi format slike. [1]

Problem GIF-a je taj to je za svaku dulju animaciju potrebno zaista mnogo memorijskog prostora; ako uzmemo u obzir da je za privid animacije potrebno barem 10 sliica u sekundi [4], a za fluidnu dvadesetak, nije teko shvatiti da uz stvaranje GIF animacija dolazi veliki teret potronje memorijskog prostora. Zato koritenje GIF-a nije preporuljivo za kompleksnije ili fluidne animacije, ve eventualno za manji slijed izmjene nekoliko slika. Kako ga onda korisititi? Moe nam posluiti kao odlian nain ilustriranja nekog jednostavnog koncepta kojeg elimo prikazati u fazama [1], budui da podrava transparenciju i odlinu kompresiju sa opcijom Selective Color koja sprema podatke samo o onim bojama koje se na slici koriste, esto se koristi za razne logotipe, navigacijske gumbe i ilustracije na stranicama. Problem nastaje kod elje za prikazom kompleksnijih animacijskih i konceptualnih ideja, u tom sluaju je GIF jednostavno preogranien, uz to sve u GIF animaciju se ne moe dodati zvuk.

[5]

DINAMINI HTML

o jedan od naina postizanja pokreta, odnosno animacije na web stranici jest koristei dinamini HTML. Dinamini HTML, ili dHTML je zapravo naziv za skup tehnologija koje se koriste zajedno ili pojedinano da bi se stvorile interaktivne i animirane web stranice koritenjem statinog jezika kao to je HTML, skriptnog jezika koji se izvrava na klijentskoj strani (Javascript), jezika za definiranje stila (CSS) i Document Object modela. [7] Za razliku od GIF-a, koji svakom sliicom ugraenom u animaciju zauzima sve vie memorijskog prostora, postoje i naini da se izostave pojedinani (frame by frame) kadrovi i umjesto toga se primjerice koristi jedna slika kojoj je mogue zapovijediti da se pomie po ekranu. Tako neto neprestano radimo kad koristimo raunalo, pomiui kursor po ekranu. [1] U poetku su web stranice uglavnom bile statike datoteke jednom kad bu ih korisnici otvorili, uglavnom su tokom pregleda izgledale isto. [1] Kako je internet napredovao, poela se javljati potreba za novim nainima prikaza podataka kako bi se im uspjenije privukla panja to veeg broja korisnika i potreba za promijenjivim sadrajem. dHTML je to omoguio ne sebi svojstven nain. On zapravo koristi razliite programske jezike, kao to je javascript, da bi pristupio objektima koje browser prikazuje i mijenjao naine na koje ih prikazuje. Takve skripte mogu mijenjati postojee HTML elemente na stranici. Iako dHTML nije stvoren za animaciju, pomou njega moemo dobiti zanimljive pokrete nekih elemenata na stranici. Primjerice, omoguava nam da uzastopno mijenjamo lokaciju slike na stranici, pa se ona time kree po stranici i stvara efekt pokreta.

[12]

[11]

dHTML ima istu prednost kao i GIF, a to je da ga browseri prepoznaju bez ikakvih dodataka, ali u jednoj karakteristici zaostaje, naime s dinaminim HTML-om nije ni priblino jednostavno raditi kao s GIF animacijama. Teko je stvoriti kod koji e na svim browserima dati iste rezultate, a runo programiranje pokreta dHTML-a je izuzetno komplicirano, ali tu dolaze WYSIWYG aplikacije koje automatski generiraju kod dok mi razmijetamo elemente preko grafikog suelja. Poput GIF-a, i dHTML je je vrlo ogranien oblik web animacije, s kojim emo raditi samo kad ne elimo prelaziti ogranienja osnovnog internet preglednika bez ikakvih dodataka, odnosno plug-inova. Mogunosti animacije su izuzetno male, pa nam tako omoguuje samo pomicanje slika po stranici, to je memorijski ekonominije i fluidnije od GIF-a, ali zakazuje kod potrebe za kompleksnijim animacijama.

JAVA APPLETI
[15]

Web animaciju mogue je postii i koristei Java applet, koji je zapravo aplikacija koja se pokree u browseru (ili preko zasebnog Java Virtual Machine, to nas ne interesira budui da priamo o web animacijama), te koji se najee pie u jeziku Java, ali mogue ga je izvesti i iz jezika poput Jythona, JRuby i sl. [8] Java Virtual Machine je softver koji prepoznaje Java jezik i prevodi ga za korisnikov operativni sustav [1], te je ugraen u browsere kako bi oni mogli prikazivati Java aplikacije. Java aplikacije izvravaju se u zavidnim brzinama, usporedive s aplikacijama nastalim u drugim programskim jezicima. [8] Takoer, mogu koristiti i 3D hardversku akceleraciju to im daje i zavidne mogunosti animiranja. Koriste se za irok spektar namjena, od demonstracija, vizualizacija, edukacije do zabave. Velika prednost Jave jest ta to radi na svim operativnim sustavima i vrlo je fleksibilna, te je stoga postala vrlo popularna meu web dizajnerima. Nedostatak, ako se on moe nazvati tako, jest potreba za dodatnim Java plug-inom za internet preglednik. U Javi postoje razne mogunosti animacija, a sve stvaraju neku vrstu pokreta na ekranu iscrtavajui slijed kadrova relativno velikom brzinom. (Obino od deset do dvadeset kadrova u sekundi). [9]

[16]

ADOBE FLASH
Prije poznat kao Macromedia Flash, Adobe Flash je multimedijska platforma koja se koristi za dodavanje animacija, videa i interaktivnosti na web stranicu. Flash radi s vektorskom i rasterskom grafikom kako bi stvorio animacije teksta, crtea i slika. Podrava i istovremeno uitavanje (eng. streaming) audia i videa, te moe primati korisnikove naredbe preko mia, tipkovnice, mikrofona i kamere. Osim toga, u sebi sadri i programski jezik ActionScript koji slui za malo napredniju kontrolu animacija i postavljanje interaktivnosti. Flash sadraj moe biti prikazan na raznim operativnim sustavima i ureajima koritenjem jednog jednostavnog dodatka zvanog Adobe Flash Player. [10]

[18] Flash je najpopularniji oblik web animacije, a glavni razlog tome je njegova mogunost prikazivanja fluidnih i atraktivnih animacija bez dugih uitavanja [1]. Zvui kao idealan odgovor na prije spomenute sile koje su poticale razvoj web tehnologija, a on to i jest. Nekoliko razliitih faktora omoguuje brzo preuzimanje flash sadraja. Za razliku od GIF animacije, Flash datoteke su uglavnom bazirane na vektorima. To, ukratko, znai da umjesto da slike pamti kao niz vrijednosti piksela, flash sliku opisuje kao skup linija i oblika koje pamti kao matematike vrijednosti. Tako primjerice ravnu liniju opisuje preko kuta nagiba i pozicije rubnih toaka. [1] Takvo opisivanje oblika omoguuje flash slikama ili animacijama beskonano poveavanje bez gubitka kvalitete, i naravno, drastino smanjenje veliine datoteke samim time to se pamti manji broj podataka. Uz to, Flash moe prikazivati i rasterske slike i micati ih po putanjama kroz takozvanu scenu, odnosno svojevrsno radno podruje ili platno Flash datoteka, slino kao dHTML, a u suprotnosti GIF-u koji bi sliku svaki put ispoetka iscrtavao, to pomae smanjenju ukupne veliine datoteka. Koritenjem Flasha, animatori kod kreiranja animacije ne moraju stvarati toliko pojedinanih kadrova [1], ve koriste tzv. tweenove, odnosno pretapanja izmeu dva geometrijska stanja, bez obzira radilo se o obliku ili poziciji i u tom sluaju Flash automatski generira meukadrove izmeu dva kljuna kadra (keyframea). Jo jedna velika prednost i inovacija Flash-a jest nain na koji se datoteke prenose. Datoteke se streamaju preko interneta, to znai da web preglednik moe poeti s prikazivanjem animacije prije no to je ona kompletno uitana. [1] Tu prednost koriste mnogi web dizajneri i esto stranicu programiraju tako da se izvodi neka druga, jednostavna i memorijski nezahtjevna animacija dok se u pozadini uitava ona glavna, a gotovo

obavezan je postao i takozvani preloader, odnosno indikator stupnja uitanosti animacije. Uspjenoj prii iza Adobe Flash-a se ne vidi kraja (osim moda ako se HTML5 shvati kao ozbiljna prijetnja Flash Player pluginu), ponajvie zbog toga jer se neprestano razvija i unaprijeuje, a update je jednostavan i nenametljiv, i esto prijeko potreban kako bi se prikazivali i najnoviji radovi proizali iz kreativnih umova koji koriste Adobe Flash. Postao je gotovo obavezan dodatak, budui da su bez njega mnoga vrata weba zatvorena, pa ak i osnovne funkcije poput gledanja obinog video uratka na YouTubeu ili nekom drugom slinom servisu. Dobro osmiljena promocija takoer pomae uspjehu; kad god poelimo pogledati neki sadraj koji zahtijeva Flash Player, a mi ga nemamo, umjesto sadraja e se prikazati link na stranicu s koje ga je mogue preuzeti. Zakljuak? Flash je, takorei, postao obavezan alat za svakog dizajnera koji eli svoj sadraj prikazati na neki primamljiviji, moderan i originalan animirani nain. Flash je vrhunac web animacija, i tako e bez sumnje ostati jo neko dulje vrijeme. Upravo iz tog razloga mnogo ljudi web animacije povezuju iskljuivo s ovom tehnologijom.

[17]

SHOCKWAVE
Flash i Shockwave zapravo pokrivaju puno istog podruja i stvara ih ista kompanija, ali postoji nekoliko znaajnih razlika meu njima od kojih mnoge potjeu od izvora ova dva oblika podataka. Director, aplikacija koja se koristi za kreiranja shockwave datoteka, postoji i korisit se ve dugo, dulje od interneta onakvog kakav je danas. Shockwave se u poetku koristio za stvaranje dinaminog sadraja na CD-ROMovima (a za to se i danas koristi). Ali kako su web animacije kroz godine postojanja interneta postale sve popularnije, Director je poeo dobivati nove mogunosti stvaranja Shockwave datoteka za upotrebu na webu. [1]

S druge strane, Flash je ispoetka osmiljen i izraen za uporabu na webu. Obje tehnologije zahtijevaju plug-in za browser kako bi ih on mogao prikazivati. Shockwave datoteke u sebi ak mogu sadravati Flash datoteke, te podravaju neke monije tehnologije poput hardverskog 3D ubrzanja i raznih internet protokola. [13] Budui da se svaka od ovih tehnologija specijalizira za druge stvari, to za sobom povlai i niz prednosti i nedostataka kod svake od njih. Za poetak, Flash datoteke se bre uitavaju [1] to ih ini pogodnijim za jednostavnije animacije, poput bannera kod kojih je im bre uitavanje poeljno. Razlog tome je vea raznovrsnost Shockwavea, koji moe sadravati kompleksnije animacije i igre te napredniju interakciju. Ipak, manje korisnika ima instaliran shockwave plugin nego Flash, a za dizajnere je bitna informacija da je koritenje Flash-a jeftinije, odnosno softver za kreiranje Flash datoteka je upola jeftiniji od onog za Shockwave. [1]

[19]

Ipak, svakom novom nadogradnjom se ova dva formata sve vie pribliuju jedan drugome; shockwave postaje sve prigodniji webu svakom novom verzijom, dok Flash postaje raznovrsniji poput Shockwavea, stoga je samo pitanje vremena kad e se ove dvije tehnologije, koje su uz to i u vlasnitvu iste kompanije, spojiti u jednu koja e sadravati kvalitete obje.

OSNOVE WEB ANIMACIJE

eb animacija, sa svim novim tehnologijama, teoretski moe prikazati to god web dizajner zamisli; od najjednostavnijeg primjera svjetlucajueg teksta, pa sve do kompleksne 3D grafike, sloenih pokreta ili pak isjeaka iz filmova ili trailera. A zato nam je toliko zanimlijva i privlai panju vie od statinih pokreta? Teorija govori da je to iz evolucijskih razloga; ljudsko se oko kroz povijest izvjebalo da neprestano prati pokret koji moe oznaavati opasnost ili promjenu u okolini. To ini animaciju idealnim alatom za voenje korisnika kroz kompoziciju ili pak za pretvaranje bannera ili bilo kakve reklame primamljivijima. [20] Ali s druge strane, ukoliko se koristi neumjereno ili neprofesionalno, web animacija moepostati iritirajui i nepoeljni sadraj na web stranici, a takvih primjera ima i vie nego dovoljno. Mnogim je neiskusnim dizajnerima igranje s animacijama zabavno iskustvo, ali esto ne uspiju tu zabavu prenjeti na korisnika i uiniti animaciju ugodnom za gledanje. Budui da animacije na inae statinom webu privlae mnogo panje, samim time ostavljaju i snaan dojam na korisnika i upravo se zbog toga moraju koristiti umjereno, odnosno na stranici bi uvijek trebao biti zadovoljavajui broj statinih elemenata kako se posjetitelj ne bi gubio u svim tim pokretima i na poslijetku odustao od pregleda stranice i traenja informacije. Ipak, postoje i stranice koje su same po sebi neka vrsta umjetnikog djela; kojima nije cilj informirati korisnika, ve mu predstaviti odreeni dizajn ili su pak u cjelosti reklame i ujedno i primjer rada nekog web dizajnera ili kompanije i one su pria za sebe, ali jo uvijek bi se trebale drati nekih principa navedenih ovdje. Za bilo kakvu animaciju, a time i web animacije, je izuzetno bitno da budu prirodne budui da je instinkt praenja pokreta prirodno u nama, animacije koje su prirodne su automatski i ugodnije za gledanje.

Primjer prirodnijeg kretanja objekata

PRIRODNA ANIMACIJA
Za animaciju prirodnost dolazi iz svojevrsnog kopiranja pokreta iz stvarnog svijeta u digitalni. To bi znailo da web animacija prati prirodne pokrete i posljedice koje pokret stvara. Tako primjerice prirodni pokret u prostoru uvijek prati i neka vrsta promjene oblika istog objekta, a esto uz to dolaze i promjene u osvjetljenosti, odnosno intenzitetu svjetla. Osim toga, svaki geometrijski oblik ima i svoj osebujan najprirodniji pokret[20], odnosno onaj koji nam se ini kao najprirodniji nain micanja za objekt koji gledamo. Drugim rijeima, nae oko na neki nain oekuje naine ponaanja stvari, a na animatoru je da to i ostvari. Ostvarenje tih oekivanja

predstavlja psiholoko zadovoljstvo i pridonosi estetici same animacije. Ipak, da bi se privukla gledateljeva panja, potrebno je nauiti animirati privlano, a ne samo prirodno.

Koritenje prijelaza boja za postizanje prirodnosti

NELINEARNA ANIMACIJA

http://www.benboyce.fr/ Prirodnost i privlanost je ono to se oekuje od animacije, a ovo potonje se postie, jednostavno reeno izbjegavanjem monotonije i izbacivanjem linearnosti. [20] Linearne animacije brzo dosade gledatelju i teko da e ga privui, dok nelinearnost djeluje suprotno. Postoji nekoliko naina postizanja nelinearnosti u animaciji, primjerice:

Ubrzavanje i usporavanje svakog pokreta. Kad se objekt konstantno kree istom brzinom, pokret djeluje mehaniki i nezanimljivo. Kod dizajniranja animacije, zamislimo da svaki objekt ima svoju masu i nije ga mogue zaustaviti ili pokrenuti tako naglo da bi se odmah kretao svojom maksimalnom brzinom, to je greka mnogih animacija koje vidimo na webu. Ovo ne

vrijedi saom za objekte koje pokreemo ili zaustavljamo, vrijedi i za objekte koji se kreu kroz ekran, ulaze pa izlaze iz kadra poeljno je i na njih primjeniti neki deformator pokreta (lagano ubrzavanje, usporavanje, izmjenino) kako bi izgledali privlanije i prirodnije.

2 3 4 5 6 7

Koritenje krivulja za putanje objekata umjesto ravnih linija, gdje god je mogue, smanjuje linearnost. Takoer, blago rotiranje objekta tijekom promjene pozicije takoer pomae njegovu oivljavanju.

Dodavanje tree dimenzije pokretu takoer smanjuje linearnost i moe uvelike pomoi kod oivljavanja animacije. Time se ne misli na pravi 3D (koji postaje sve ostvariviji), ve na neke 2D trikove koji daju dojam trodimenzionalnosti animaciji, poput poveavanja ili smanjivanja objekata to stvara iluziju pribliavanja i udaljavanja objekta.

Razni efekti boja i tekstura do neke mjere mogu prikriti linearnost pokreta. Na primjer, dodavanjem prijelaza (gradienta) svijetlijih/tamnijih tonova, prijelaza transparentnosti i

Bilo kakva transofrmacija objekta, primjeri kojih su navedeni u opisu prirodne animacije, privlai nas da animaciju promatramo paljivije, ak i kad je objekt nepokretan ili se kree na jednostavan linearan nain.

Linearne animacije, ako takve moraju biti, najbolje je maksimalno skratiti i ne dosaivati gledatelja predugim pomicanjem objekta na linearan nain. Kod kraih animacija, puno je tee zamijetiti njihovu linarnost.

Mali odmak od pravila; koritenje vie kratkih i linearnih pokreta ponekad moe biti zanimljivije gledatelju

Drei se ovih pravila, svaka animacija moe postii onu idealnu ravnoteu; biti prirodna i ne iritirajua, ali opet privui i zadrati panju korisnika koji ju susree.

BUDUNOST WEB ANIMACIJE

Sljedei veliki korak web animacije, koji sve vie zauzima svoje mjesto na webu, je 3D grafika. Dok u 2D grafici sam dizajner na neki nain diktira to emo i na koji nain vidjeti, kod 3D-a sami biramo nain prikaza objekata, odnosno 3D modela. Takvi primjeri su prikazani gore, koristei Java Applete i Shockwave, ali jo uvijek se takva 3D grafika na neki nain mora uvui u mainstream naine prikaza sadraja i udomaiti meu web dizajnerima. Shockwave, primjerice ima metodu rada s razliitim brzinama konekcije na internet. Tako e, ukoliko prepozna sporiju konekciju, korisniku za download poslati model s manje poligona i suprotno, kako bi se zadrala fluidnost pokreta. [1] 3D web tehnologija otvara vrata mnogim novim zanimljivim sadrajima na stranicama. Jedan od naina koji se ve koristi, ali je daleko od toga da postane standard jest mogunost da se proizvod ponudi u 3D-u na samoj stranici, kako bi ga korisnici mogli pregledavati kao u stvarnosti, iz svakog kuta. Neke stranice pak koriste svojevrsne virtualne svlaione u kojima korisnici jednostavno mogu generirati 3D modele svojih tijela kako bi preko weba isprobali odjeu koja je u ponudi. [1] Osim toga, 3D tehnologija moe dodati novi stupanj uinkovitosti i prezentacije sadraja kod raznih edukacijskih web stranicama, u kojima se pomou nje mogu simulirati i prikazati razni teoremi, primjeri i slino. [1] Mogunostima nema kraja i samo je pitanje vremena kad e se ova tehnologija poeti koristiti u puno irim krugovima web dizajnera, te jo jednom revolucionizirati web, to nije rijetka pojava u svijetu interneta. Budui da sve vie multimedije eljnih korisnika koristi brze veze na internet, 3D i sline tehnologije se neprestano razvijaju i donose sve tee sadraje ija memorijska veliina vie ni ne brine korisnike, web animacija polako postaje sve interaktivnija i zanimljivija. Jedna od ideja budunosti weba i animacija nalae da web treba postati manje kao knjiga, a vie kao video igra u kojoj se informacijama pristupa u 3D interaktivnom svijetu, ili pak kao interaktivna televizija, sa mnotvom animacija i videa visoke kvalitete. [1]

http://media.tested.com/uploads/0/5/6432-minorityreport_600_super.jpg

ZAKLJUAK
Jedno je sigurno - dananjem webu ne manjka naiina izraavanja i raznolikog, zanimljivog i privlanog prikaza sadraja. Dananje web tehnologije omoguuju dizajnerima doista raznoliku kreativnost, ali takvu mo uvijek treba znati i koristiti, pa tako, u suprotnom sluaju, web animacija moe postati sredstvo iritiranja i smetnje, a ne sredstvo privlaenja pozornosti (barem ne one ugodne pozornosti). Tehnologije idu dalje i animacije postaju sve lake za kreirati, sve dostupnije i sve fluidnije, a time, ironino, postaju sve manje zamjetljive jer ih je web postao prepun, pa je tako stvaranje uspjene web animacije postao pravi izazov, svojevrsna mala umjetnost, koja e se neprestano mijenjati i nadograivati, zajedno s tehnologijama koje punom brzinom napreduju, bez ikakvog znaka da namjeravaju usporiti ili stati.

LITERATURA

[1] http://www.howstuffworks.com/web-animation.htm (1, 2, 3, 4, 5, 6, 7, 8) [2] www.index.hr [3] http://en.wikipedia.org/wiki/Bitmap [4] http://en.wikipedia.org/wiki/Animation [5]http://3.bp.blogspot.com/-o4-5oboFhBA/TZnEpeHm9fI/AAAAAAAAAlI/Q3Ef6cZd7RY/s1600/GuybrushAnimation-Sprites.jpg [6] http://cache.gawker.com/assets/images/kotaku/2009/05/kof_xii_sprites.png [7] http://en.wikipedia.org/wiki/Dynamic_HTML [8] http://en.wikipedia.org/wiki/Java_applet [9] http://www.javaworld.com/javaworld/jw-03-1996/jw-03-animation.html [10] http://en.wikipedia.org/wiki/Adobe_Flash [11] http://www.justdreamweaver.com/blog/wp-content/uploads/2008/04/allwebmenus2.gif [12] http://www.supershareware.com/images/icons/APNSoft_Menu-39935.gif [13] http://en.wikipedia.org/wiki/Adobe_Shockwave [15] http://wallpaper4me.com/wallpaper/Minecraft-World/ [16] http://upload.wikimedia.org/wikipedia/commons/9/9a/Mandelbrot_java_applet.png [17] www.floorplanner.com [18] http://backstage.mug.pl/en/ [19] http://www.eee-craft.com/contents/sola50/MidNightCity/index11.html [20] www.webreference.com/dlab/9904/principles.html