Interaktiivinen Virtuaalikierros
Löytölä, Ville-Matti (2023)
Löytölä, Ville-Matti
2023
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2023101527532
https://urn.fi/URN:NBN:fi:amk-2023101527532
Tiivistelmä
Opinnäytetyön tarkoituksena oli suunnitella ja toteuttaa verkkosivut, joiden avulla voisi tutkia erilaisia interaktiivisia virtuaalitodellisuus näkymiä. Tavoitteena oli rakentaa käyttäjälle sylinterimäinen näkymä, jota voisi siirrellä hiiren avulla ja siirtyä seuraavaan näkymään. Tätä toiminnallisuutta kutsutaan interaktiiviseksi virtuaalikierrokseksi. Päätavoitteena oli projektin toteuttamisen haasteiden kuvaaminen ja tutkiminen. Toteutus oli myös luotava dynaamiseksi, joka mahdollistaa tekniikan käytön muissa projekteissa.
Toteutuksessa käytettiin Reactia ja React-nativea, joissa React on JavaScript kirjasto. Tämä käyttää komponentteja ja tiloja hyväkseen. Kyseiset asiat ovat olleet nousussa tietotekniikka alalla ja näin ovat tärkeitä asioita hallita. Pääkirjaston myötä piti löytää myös tekniikka, joka mahdollistaisi virtuaalitodellisuuden kirjoittamisen ja tämä oli React-Vr ohjelmistokehys. Myöhemmin huomattiin uusimman version vaihtaneen nimeä React-360. Tähän siirryttäessä huomattiin, ettei kyseistä ohjelmistokehystä olla hetkeen päivitetty ja tämä oli viimeksi päivitetty 2018. Tämän vanhan version takia tuli paljon virheitä vanhentuneiden tekniikoiden myötä. Työ vei yllättävän paljon aikaa, mutta lopulta se saatiin valmiiksi.
Yksinkertaiset virtuaalisivut saatiin tehtyä ja myöhemmin parannettua toiminnallisuutta ja sivuston ilmettä. Koska kyseistä kirjastoa ei ole päivitetty pitkään aikaan, uusien tekniikoitten käyttäminen oli hankalaa ja sen takia sivuston pohja ensin näytti hyvin vanhalta.
Toteutuksessa käytettiin Reactia ja React-nativea, joissa React on JavaScript kirjasto. Tämä käyttää komponentteja ja tiloja hyväkseen. Kyseiset asiat ovat olleet nousussa tietotekniikka alalla ja näin ovat tärkeitä asioita hallita. Pääkirjaston myötä piti löytää myös tekniikka, joka mahdollistaisi virtuaalitodellisuuden kirjoittamisen ja tämä oli React-Vr ohjelmistokehys. Myöhemmin huomattiin uusimman version vaihtaneen nimeä React-360. Tähän siirryttäessä huomattiin, ettei kyseistä ohjelmistokehystä olla hetkeen päivitetty ja tämä oli viimeksi päivitetty 2018. Tämän vanhan version takia tuli paljon virheitä vanhentuneiden tekniikoiden myötä. Työ vei yllättävän paljon aikaa, mutta lopulta se saatiin valmiiksi.
Yksinkertaiset virtuaalisivut saatiin tehtyä ja myöhemmin parannettua toiminnallisuutta ja sivuston ilmettä. Koska kyseistä kirjastoa ei ole päivitetty pitkään aikaan, uusien tekniikoitten käyttäminen oli hankalaa ja sen takia sivuston pohja ensin näytti hyvin vanhalta.