Kolmiulotteisen mallinnuksen näkyvyys ja tehokkuus verkkosivukehityksessä
Tarvainen, Jarno (2021)
Lataukset:
2021
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2021052511115
https://urn.fi/URN:NBN:fi:amk-2021052511115
Tiivistelmä
Opinnäytetyössä keskityin käsittelemään 3D-mallinnuksen käyttöönottoa verkkosivukehityksessä. Lisäksi perehdyttiin siihen, miten kolmiulotteinen grafiikka vaikutti sivuston näyttävyyteen. Tavoitteena oli tuoda esille, miten kolmiulotteinen grafiikka vaikutti verkkosivun käyttökokemukseen ja verkkosivun tehokkaaseen toimintaan.
Opinnäytetyön teoriaosassa tarkasteltiin sitä, millä tavalla 3D-mallien käyttäminen voi vaikuttaa verkkosivun kävijämäärään. Johtopäätöksenä tuli selville, että kävijämäärään saattaa vaikuttaa myös sivuston tehokas toteutustapa, kun sisältö latautuu nopeammin käyttäjille. Verkkosivuston tekemiseen on käytetty JavaScript Three.js-koodikirjastoa. Lisäksi on ollut tarpeen käyttää Three.js-koodikirjaston avulla tehtyjä apukirjastoja. GLTFLoader.js-koodikirjastoa on käytetty valmiin 3D-mallin esittämiseen. OrbitConrols.js- ja TrackballControls.js-koodikirjastoja on käytetty 3D-mallien kääntelyn ja zoomauksen mahdollistamiseen hiirellä. Tutkimusosiossa laadittiin verkkosivusto, jossa otettiin käyttöön 3D-malleja Three.js-JavaScript-koodikirjaston avulla. Työssä verrattiin myös verkkosivustolle ohjelmoitujen ja vapaaseen käyttöön lisensoidun valmiin 3D-mallin siirto- ja latautumisnopeuksia sekä perehdyttiin niiden mahdolliseen lisäarvoon sivustolla.
Tietotekniikan kehittymisen myötä tulevaisuudessa voidaan nähdä 3D-grafiikan lisääntyminen verkkosivustoilla. Tulokset osoittavat kolmiulotteisen mallinnuksen etuja kaksiulotteiseen nähden. Kolmiulotteisella mallinnuksella saatiin aikaan näyttävämpiä verkkosivuja ja tehokkaammalla toteutuksella voitiin vaikuttaa verkkosivujen parempaan toimintaan.
Opinnäytetyön teoriaosassa tarkasteltiin sitä, millä tavalla 3D-mallien käyttäminen voi vaikuttaa verkkosivun kävijämäärään. Johtopäätöksenä tuli selville, että kävijämäärään saattaa vaikuttaa myös sivuston tehokas toteutustapa, kun sisältö latautuu nopeammin käyttäjille. Verkkosivuston tekemiseen on käytetty JavaScript Three.js-koodikirjastoa. Lisäksi on ollut tarpeen käyttää Three.js-koodikirjaston avulla tehtyjä apukirjastoja. GLTFLoader.js-koodikirjastoa on käytetty valmiin 3D-mallin esittämiseen. OrbitConrols.js- ja TrackballControls.js-koodikirjastoja on käytetty 3D-mallien kääntelyn ja zoomauksen mahdollistamiseen hiirellä. Tutkimusosiossa laadittiin verkkosivusto, jossa otettiin käyttöön 3D-malleja Three.js-JavaScript-koodikirjaston avulla. Työssä verrattiin myös verkkosivustolle ohjelmoitujen ja vapaaseen käyttöön lisensoidun valmiin 3D-mallin siirto- ja latautumisnopeuksia sekä perehdyttiin niiden mahdolliseen lisäarvoon sivustolla.
Tietotekniikan kehittymisen myötä tulevaisuudessa voidaan nähdä 3D-grafiikan lisääntyminen verkkosivustoilla. Tulokset osoittavat kolmiulotteisen mallinnuksen etuja kaksiulotteiseen nähden. Kolmiulotteisella mallinnuksella saatiin aikaan näyttävämpiä verkkosivuja ja tehokkaammalla toteutuksella voitiin vaikuttaa verkkosivujen parempaan toimintaan.