Mobiilipelisovelluksen graafinen ulkoasu

Abstract

Insinöörityön tarkoitus oli tutkia grafiikan valmistusprosessia mobiilisovelluksissa, ja tavoitteena oli rakentaa tätä tietoa hyödyntäen toimiva ulkoasu asiakkaan tilaamassa peliprojektissa. Erityisesti tutkinnan kohteena olivat mobiilipelien grafiikka, käyttöliittymät ja mobiilipuolelle eksklusiiviset ominaisuudet. Mobiilipelin tilasi Laurea-ammattikorkeakoulu, ja sen valmistajana toimi Metropolia Game Studion työryhmä yhteistyössä Laurean opiskelijoiden kanssa.

Valmistettavan sovelluksen tuli olla pelityypiltään kevyt simulaattori, jonka tarkoituksena oli toimia oppimistyökaluna Laurean liiketalouden alan opiskelijoille. Sen aiheena tuli olla kansainvälinen kauppa sekä alaan liittyvät toimintatavat ja riskien arviointi, joita pelaajan oli tarkoitus oppia edetessään pelissä. Peli toteutettiin kokonaan Unity-pelimoottoria käyttäen, ja kohdealustana toimivat lähinnä yleisimmät tablettitietokonemallit. Pelin grafiikka luotiin pääasiassa ammattilaiskäyttöön tarkoitettujen kuvankäsittelyohjelmien avulla. Projektin toteutumista, testausta ja laatua tarkkaili Laurean opettajista koostuva johtoryhmä.

Insinöörityön lopputuloksena syntyi ulkoasu mobiililaitteilla toimivaan kaupankäyntiaiheiseen peliin, joka sisälsi suunnitteluvaiheessa määrätyt ominaisuudet ja oli toteutukseltaan ja käyttöliittymältään asiakkaan toiveiden mukainen. Työn päätyttyä peli, sen sisältö ja oikeudet luovutettiin Laurea-ammattikorkeakoulun käyttöön. Testauksen ja palautteen perusteella se täytti kaikki asiakkaan asettamat laatuvaatimukset.

Kehitystyön yhteydessä havaittiin, että graafisen suunnittelun yleiset opit väreistä, typografiasta ja sommittelusta ovat suuremmaksi osaksi käytettävissä sellaisenaan mobiilisovellusta toteuttaessa. Parhaan mahdollisen käytettävyyden saavuttamiseksi mobiilipuolella tulee kuitenkin panostaa erityisesti selkeyteen ja näkyvyyteen. Käytetyt työkalut ja toimintatavat todettiin käytännöllisiksi projektin yhteydessä.

The purpose of this thesis was to study the creating process of graphics in mobile applications and to build a functional layout with the use of this knowledge as a part of a game development project. The main targets of research were mobile game graphics, user interfaces and features exclusive to mobile game development. The mobile game was funded by Laurea University of Applied Sciences and developed by the Metropolia Game Studio team in cooperation with Laurea students.

The developed application was to be a light simulator for training use in Laurea University. The theme of the game was to be international trade, its business methods and the calculation of risks, all of which the player will learn more about as the game progresses further. The game was fully developed using the Unity engine and the target platform was mainly the most commonly used tablet PC devices. The game graphics were done using professional image editing software. The advancement, testing and quality of the product were surveyed by a lead group comprising of Laurea staff members.

The result of the thesis was a fully functional layout for a trade-themed mobile game, which included the features suggested during the planning phase and fulfilled the demands of the customers from a graphical perspective. After the work was finished, the game, its rights and all content were given to Laurea. Based on the testing and given feedback, it met all quality standards set by the customer.

During the development process, it was discovered that the common procedures of graphic design about color, typography and composition were for the most part usable as is when creating a mobile application. However, to reach the highest possible level of usability, extra attention should be focused on clarity and visibility. The tools and methods used were found to be practical in the context of the project.