GRAFIIKAN ESITTÄMINEN HTML5:N AVULLA : Esimerkkinä Three.js

Abstract

Opinnäytetyön aiheena oli tutkia HTML5:n mahdollisuuksia ja vaatimuksia selaimessa esitettävän grafiikan osalta.

Tavoitteena oli löytää ja valita sopivat menetelmät interaktiivisen 3D-grafiikan luomiseen ja esittämiseen selaimessa. Valittujen menetelmien avulla toteutettiin useampi toimiva web-sovellus eri tarkoituksiin.

Käytettyihin menetelmiin kuuluivat Three.js JavaScript-kirjasto ohjelmistokehyksenä ja WebGL API rendaajana. Opinnäytetyössä käydään läpi vaiheet käytettyjen menetelmien osalta interaktiivisten sovellusten ja niiden grafiikan luomisesta.

The subject of this thesis was to research the possibilities and requirements of HTML5 in terms of displaying interactive graphics in a browser.

The aim was to find and choose the most convenient methods for showing and producing 3D-graphics in a browser. The chosen methods were used to create multiple working web-applications for different purposes.

Methods used in producing these applications were Three.js JavaScript-library as a framework and WebGL API as a renderer. The process of creating an interactive application and its graphics is explained in the thesis regarding the chosen methods.