3D-kaupungin suunnittelu ja toteutus osana WebGL-multimediasovellusta

Abstract

Insinöörityön tarkoituksena oli suunnitella ja toteuttaa 3D-kaupunki osana interaktiivista multimediasovellusta, joka hyödyntää WebGL-tekniikkaa. WebGL-tekniikan avulla verkkoselaimiin saadaan 3D-grafiikkaa ilman ylimääräisiä liitännäisiä.

Insinöörityön toimeksiantaja oli suomalainen hissiyhtiö. Työ lähti liikkeelle toimeksiantajan tarpeesta saada esittelytilaansa enemmän interaktiivisuutta, mielenkiintoista sisältöä ja modernia teknologiaa. Entinen esittelytilan sisältö oli koostunut pääasiassa vain staattisista kuvista, teksteistä ja itsenäisesti toistuvista videoista ja animaatioista.

Sovelluksen käyttöliittymänä ja kotivalikkona toimiva 3D-kaupunki mallinnettiin hyödyntäen toimeksiantajalta saatuja toiveita ja referenssimateriaaleja. Kaupunki koostui erityyppisistä rakennuksista, joihin lisättiin toimeksiantajan tuotteita ja palveluja. 3D-kaupungin toteutus sisälsi mallintamista, animointia ja optimointia. Multimediasovelluksen avulla tuotteet ja palvelut saatiin isolle videoseinälle virtuaalisesti ja näyttävästi.

Työn tuloksena syntyi interaktiivinen 3D-kaupunki osana multimediasovellusta. Sovelluksen ensimmäinen versio asennettiin toimeksiantajan näyttelytilaan tammikuussa 2015. Kahden ensimmäisen kuukauden käyttökokemukset olivat erittäin positiivisia, ja käyttöliittymänä toimivaa 3D-kaupunkia pidettiin helppokäyttöisenä ja visuaalisesti näyttävänä. Tulevaisuudessa sovellusta on tarkoitus viedä yhtiön muiden maiden esittelytiloihin sekä ottaa messu- ja asiakaskäyttöön. Sisällön tuottaminen sovellukseen jatkuu vielä tulevina vuosina.

The purpose of this final year project was to design and implement a 3D city as a part of an interactive multimedia application by using WebGL that is a web technology that enables 3D graphics in the browser without having to install additional software.

This study was made for a Finnish elevator and escalator company. The demand of the company was to get more interactivity, engaging content and modern technology in their showroom, since the showroom’s former content consisted of static pictures, texts, self-running videos and animations.

The 3D city that is also used as a user interface and home menu of the multimedia application was modeled in Autodesk 3ds Max 2015. Wishes and reference materials were received from the client. The modeled 3D city consisted of different types of buildings that include the client’s products and services. The implementation of the 3D city was based on modeling, animating and optimization. Thanks to the multimedia application, products and services could be presented virtually in an impressive way.

As a result, an interactive 3D city as a part of an interactive multimedia application was created. The first version of the application was installed in the showroom in January 2015. User experiences during the first two months have been very positive. Also the 3D city that works as a user interface has been customer friendly and visually attractive. In the future the main aim is to export the application into the company’s showrooms and events in other countries.