UGC-pelin toteutus HTML5-tekniikalla

Abstract

Opinnäytetyön tavoitteena oli tutkia HTML5-tekniikan soveltuvuutta ja mahdollisuuksia pelien kehittämiseen Yleisradion lasten ja nuorten Internet-palveluiden tarpeiden näkökulmasta. Sen tarkoituksena oli kehittää ominaisuuksiltaan monipuolinen HTML5-peli joka painottaa luovaa ongelmanratkaisua ja käyttäjien tekemää sisältöä. Työ on tutkimusotteeltaan konstruktiivinen ja sen aineistoa kerättiin havainnoinnin, tekstianalyysin, keskustelujen ja käyttäjätestauksen keinoin.

HTML5 valikoitui pelissä käytettäväksi tekniikaksi sen laajan tuettavuuden ja helpon jakelun ansoista. Sama sovellus toimii kaikilla laitteilla, joille on saatavilla moderni web-selain. Monet käyttäjät välttävät ylimääräisiä sovellusasennuksia haittaohjelmien pelossa. Käyttäjän kynnys tutustua ilmaiseen HTML5:llä toteutettuun sovellukseen on pieni, sillä sen kokeileminen edellyttää vain linkin klikkaamista, eikä erillisiä asennuksia tarvita.

Opinnäytetyön tulos on Kätköksi nimetty peli ja sen toiminnallisuudet mahdollistava pelimoottori. Pelimoottori toteutettiin itse, jotta vältyttäisiin kompromisseilta pelin toiminnallisuuksissa ja mahdollistettaisiin sen hyödyntäminen myös toisissa ympäristöissä. Peli julkaistiin marraskuussa 2014 osana Yleisradion kouluikäisille lapsille suunnattua Galaxi tuotantoa. Peli on tällä hetkellä sivuston selkeästi suosituin sisältö.

Object of the thesis is to research the possibilities of the HTML5-technology for the needs of the Finnish Broadcasting Company’s (Yle) office of internet-services for children and the young. Purpose is to develop a robust and rich HTML5 game which empathizes creative problem solving and user generated content. Thesis utilizes constructive research method and its material is collected by observing, text-analysis, conversations and user-testing.

One of the biggest strengths of HTML5 applications is their multi-platform nature. The same application works on desktop- and mobile-devices. Many users avoid installing small software in fear of malware. HTML5 applications require no installations and are therefore easy and safe to run.

The outcome of the thesis is a HTML5-game called Kätkö (a hiding place) and the game-engine made for it. The game-engine was made from scratch to avoid compromises in its features. Kätkö was released as part of Yle’s production during the fall 2014 and it is at the moment the most popular content of the web-site.