Preskoči na sadržaj
Moj profil

završni rad (sveučilišni) · 2013

3D web animacija

prof. dr. sc. Klaudio Pap, doc. dr. sc. Maja Rudolf

Sažetak

U radu su istražene tehnologije koje omogućavaju izradu naprednih web animacija i 3D vizalnih efekata bez upotrebe priključaka kao što je Flash. U teorijskom djelu rada objašnjene su tehnologije koje omogućavaju interaktivno upravljanje objektima na web-u i ostvarivanje 3D grafike. HTML5 je jedna od novijih tehnologija koja se sve više razvija, a njegov element canvas je temelj za izradu 2D i 3D animacija. U radu se istražene mogućnosti animiranja 3D objekata koristeći jezik CSS3 koji je usko povezan s jezikom HTML5, objašnjene su njegove funkcije transformacije i animacije. TakoĎer je dan uvod u WebGL koji koristi canvas element i proširuje njegove mogućnosti i time omogućava prikaz 3D grafike unutar bilo kojeg kompatibilnog web preglednika. Iako su mogućnosti i CSS3-a i WebGL-a velike, zaključak je da je CSS3 jednostavniji, ali dosta ograničen u području 3D grafike, dok je WebGL puno bolji, ali i kompliciraniji. U eksperimentalnom dijelu rada prikazan je proces izrade primjera animirane kocke koristeći CSS3, i proces izrade animirane piramide i kocke koristeći WebGL.

Ključne riječi

web grafika 3D animacija HTML5 CSS3 WebGL