Original scientific paper

https://doi.org/10.31803/tg-20230621113640

Technologies for Web Animations and their Positive and Negative Sides Regarding Web Page Metrics

Nikolina Stanić Loknar orcid.org/0000-0003-0426-1075 ; University of Zagreb, Faculty of Graphic Arts Getaldićeva 2, 10 000 Zagreb, Croatia *
Tajana Koren Ivančević orcid.org/0000-0001-6078-8571 ; University of Zagreb, Faculty of Graphic Arts Getaldićeva 2, 10 000 Zagreb, Croatia
Mateo Bekavac ; Otona Ivekovića 2a, 21000 Split, Croatia
Snježana Ivančić Valenko ; University North, Jurja Križanića 31b, 42000 Varaždin, Croatia

* Corresponding author.

Abstract

The development of web technologies has led to the availability of various multimedia content on the web. In addition to text, images, and videos, transitions, animations and interactivity are increasingly used. Transitions and animations present the content on the page in more interesting, attractive ways and can attract and retain users longer, improving the measurable parameters of page visits as well as the user experience. Animations on the web can be created in many ways. And if the animations are not executed well, they can slow down the page. The goal of this article is to compare the measurable parameters of animations created with different technologies. HTML, CSS, SVG, P5js, WebGL technologies and animations created with a 3D modeling tool were used. The article uses two different examples of animations created with different technologies and then tested on several devices.

Keywords

CSS; HTML; p5js; SVG; web animations; WebGL

Hrčak ID:

308683

URI

https://hrcak.srce.hr/308683

Publication date:

15.12.2023.

Visits: 1.035 *