COMPARISON OF TECHNOLOGIES ENABLING ANIMATION DISPLAY IN DIFFERENT WEB BROWSERS

U radu se provodi analiza često korištenih tehnologija za prikaz animacija u web-preglednicima. Flash je jedna od tehnologija koja je značajno pridonijela prikazu i mogućnostima izrade web-animacija, te se u počecima najviše koristila za njihovu izradu. Kroz godine pojavile su se mnoge nove tehnologije, od kojih se posebice može izdvojiti HTML5 canvas, koja omogućuje prikaz animacija bez uporabe dodataka, te mnoge nove mogućnosti njihove izrade. Ovim radom želi se pokazati koja od promatranih tehnologija ostvaruje najbolje performanse prilikom izvođenja animacija u različitim web-preglednicima. U radu se ispituju performanse izvođenja Flash, HTML5 canvas, SVG i JavaScript animacija unutar web-preglednika Firefox, Safari, Opera i Chrome. Broj prikazanih okvira u sekundi, vrijeme učitavanja okvira, opterećenje procesora, korištenost memorije i veličina datoteke su performanse koje su mjerene kod izvođenja animacija unutar različitih web-preglednika. Radom su objašnjene promatrane tehnologije za izradu web-animacija. Prikazan je izvorni kod mjernog instrumenta testiranja. Izvršeno je testiranje izvođenja animacija po promatranim tehnologijama.This paper presents the analysis of commonly used technologies for building and execution of animation in different web browsers. Flash is a technology that has significantly contributed to the possibilities of creating a web animation, and certainly to the development of other technologies. Over the years, a number of technologies have been developed, like HTML5 canvas, which brings us a huge amount of improvements over the old document-oriented web. The main goal of this paper is to present which technology achieves the best performance in animation execution in different web browsers. The paper analyzes execution performances of Flash, HTML5 canvas, SVG, and JavaScript animations in Firefox, Safari, Opera, and Chrome web browsers. Measurement was performed on a frame frequency - frames per second (FPS), loading time, CPU usage, file size and RAM usage. The paper also presents the source code for tests that were performed on the observed animations for measuring their performances