Yleisöverkkopelin teknologiat ja toteutus

Abstract

Insinöörityön tarkoituksena oli toteuttaa yleisöverkkopeli, johon tapahtuman yleisö voi osallistua käyttämällä omia päätelaitteitaan. Peli koostuu kolmesta osa-alueesta: tapahtuman näytöillä ja televisiolähetyksessä esitettävästä pelistä, palvelintoteutuksesta ja yleisön käyttämästä web-sovelluksesta. Pelin tulokset päivittyvät kaikissa laitteissa reaaliaikaisesti.

Yleisöverkkopelissä yhdistyy verkkopelaaminen ja yleisöpeli, missä yleisö ottaa osaa johonkin aikaan, paikkaan tai tapahtumaan sidottuun moninpeliin. Yleisön käyttämä sovellus toteutettiin moderneilla web-tekniikoilla, joita ovat HTML5, CSS3 ja JavaScript. Sovelluksen käyttöliittymän toteutukseen käytettiin responsiivista Foundation-sovelluskehystä. Palvelintoteutus koostui node.js-palvelimesta ja Streamr-palvelusta, joka tarjoaa tiedonvälityspalvelua rajapinnan avulla. Tapahtuman näytöillä ja televisiolähetyksessä esitettävä peli toteutettiin Flash-tekniikalla, joskin sen käsittely jätettiin tässä työssä vähemmälle huomiolle.

Työssä pohdittiin yleisöverkkopelin kehityksen lähtökohtia ja vaatimuksia. Vaatimuksista tärkein oli matala osallistumiskynnys ja pelin reaaliaikaisuus. Pelin toiminnan ja toteutuksen kuvauksessa keskityttiin käsittelemään ennen kaikkea pelin rakennetta ja viestintää.

Yleisöverkkopeliä testattiin yleisötapahtumassa sen valmistuttua. Yleisö sai äänestää urheilutapahtuman aikana ottelun parasta kotijoukkueen pelaajaa. Peli toimi ongelmattomasti ja sen kehitystä päätettiin jatkaa. Valmistunutta yleisöverkkopeliä on sittemmin pelattu kahdessa muussa suuressa urheilutapahtumassa. Avainsanat

The purpose of this bachelor’s thesis was to create an online crowd game, for events to which the audience could join using their own devices, for Uplause Oy. The game itself consists of three different components: a game displayed on the screens of the event venue and television broadcasts, server side implementation of the game and the web client provided to the audience. All of these components are running synchronized with one another.

In the thesis the concept for crowd gaming was defined and the techniques used for creation were evaluated. In the end the client software was developed using modern web techniques, HTML5, CSS3 and JavaScript. The user interface was built using responsive Foundation front-end framework whereas the server side implementation was built using a node.js server to provide Streamr - a cloud based stream platform - the stream data for distribution to clients. The component responsible for broadcast at the venue and on television was built using Flash but is left mostly out of the scope of this thesis.

The thesis evaluates various aspects and requirements in development of an online crowd game. Out of the requirements low participation threshold, fault tolerance and real time operation were deemed the most important. In the description of the functionality and implementation the main focus was in the structure and information flow of the game.

The online crowd game was piloted in a crowd game after it was completed. Crowd was able to vote the best player of the home team during the sports event. The game worked without any problems and its development was decided to continue. The online crowd game has been played since in two different major sports events.