3D-mallinnusta nettisivuille Three.js:n avulla
Ilvesluoto, Eemil (2025)
Lataukset:
Ilvesluoto, Eemil
2025
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-202503265032
https://urn.fi/URN:NBN:fi:amk-202503265032
Tiivistelmä
Tämän videomuotoisen opinnäytetyön tavoitteena oli kehittää websovellus käyttäen Three.js kirjastolla, Next.js ohjelmistokehyksellä, TypeScript ohjelmointikielellä ja PostgreSQL tietokantajärjestelmällä, jolla käyttäjä voi selata ja katsella 3D-malleja tietokannasta.
Työssä syvennyttiin three.js kirjastoon ja sen toimintaan ja mahdollisuuksiin, sekä tutkittiin Next.js ohjelmointikehystä ja PostgreSQL:n käyttöä. Projekti keskittyi näiden työkalujen käyttämiseksi 3D-mallien esittämiseen, selaamiseen ja tarkasteluun nettisivuilla.
Tuloksena websovellus pystyy hakemaan 3D-mallin tietokannasta ja esittelemään sen nettisivulla. Käyttäjä pystyy sivulla selailemaan 3D-malleja ja valitsemaan haluamansa tarkasteltavaksi nappia painamalla.
Opinnäytetyöstä on tuotettu videosarja, joka on julkaistu YouTube alustalle. Videosarjassa käydään läpi projektin eri vaiheet ja toteutus paneutuen teknisiin yksityiskohtiin tarkemmin. Projektista löytyy dokumentaatio ja ohjeet englanniksi GitHubista.
Työssä syvennyttiin three.js kirjastoon ja sen toimintaan ja mahdollisuuksiin, sekä tutkittiin Next.js ohjelmointikehystä ja PostgreSQL:n käyttöä. Projekti keskittyi näiden työkalujen käyttämiseksi 3D-mallien esittämiseen, selaamiseen ja tarkasteluun nettisivuilla.
Tuloksena websovellus pystyy hakemaan 3D-mallin tietokannasta ja esittelemään sen nettisivulla. Käyttäjä pystyy sivulla selailemaan 3D-malleja ja valitsemaan haluamansa tarkasteltavaksi nappia painamalla.
Opinnäytetyöstä on tuotettu videosarja, joka on julkaistu YouTube alustalle. Videosarjassa käydään läpi projektin eri vaiheet ja toteutus paneutuen teknisiin yksityiskohtiin tarkemmin. Projektista löytyy dokumentaatio ja ohjeet englanniksi GitHubista.