U radu su proučene najnovije tehnologije za ostvarivanje prikaza grafike na web-u. Dan je kratak pregled osnova korištenja canvasa (2D grafika) i JavaScript biblioteke KineticJS koja proširuje 2D kontekst omogućujući canvas interaktivnost za desktop i mobilne aplikacije. Opisan je uvod u WebGL koji omogućava prikaz 3D grafike unutar bilo kojeg kompatibilnog web preglednika bez korištenja dodatnih priključaka. Obrađene su osnove korištenja JavaScript biblioteke Three.js koja olakšava rad u WebGL-u. Na različitim primjerima pokazane su osnove u korištenju navedenih tehnologija.
Ključne riječi: web grafika, Canvas, WebGL, KineticJS, Three.js
The newest web graphics technologies have been researched in this work. A short review of the basic use of canvas and its JavaScript library KineticJS, that extends the 2D context by enabling interactivity for desktop and mobile applications, is given. This work will introduce you to the basics of using WebGL, a JavaScript API for rendering interactive 3D graphics within any compatible web browser without the use of plug-ins. Additionally to WebGL, a short introduction to Three.js, a JavaScript library that facilitates work in WebGL is elaborated. The basic use of the given technologies are elaborated on different examples.
Key words: web graphics, Canvas, WebGL, KineticJS, Three.js