Peliohjelmointi JavaScript-kirjastolla

Abstract

Tämän opinnäytetyön tarkoituksena on tutkia, miten erilaiset JavaScript-kirjastot soveltuvat peliohjel-moinnin haasteisiin. Opinnäytetyön teoriaosuudessa käyn läpi erilaisia JavaScript-peliohjelmointiin liit-tyviä tekniikoita ja JavaScript-kirjastoja. Esittelen myös vaihtoehtoisia peliohjelmointiin soveltuvia ohjel-mointikieliä.

Käytännön toteutuksena tein minun ja ystäväni kehittämään ja ideoimaan Viking Tale -peliin hahmoik-kunan, jossa pelaaja voi vaihtaa hahmolleen varusteita hiirellä vetämällä. Käytännön toteutuksen osuu-dessa vertailen hahmoikkunan toteutusta kahdella erilaisella JavaScript-kirjastolla, yleiskäyttöisellä jQue-ry UI -kirjastolla ja peliohjelmointiin tarkoitetulla Crafty-pelikirjastolla. Kummassakin toteutuksessa tar-vitsin myös jQuery-kirjastoa hahmoikkunan Ajax-käsittelyyn. Käsittelen kummankin toteutuksen yhtey-dessä vastaan tulleita ongelmia ja kehittämiäni ratkaisumenetelmiä.

Hahmoikkunan toteutus onnistui kummallakin kirjastolla. jQuery UI -kirjaston avulla sain lopputulok-sesta juuri sellaisen kun suunnittelin, kun taas Crafty-pelikirjastolla jouduin tyytymään kompromissei-hin. Opinnäytetyössäni päädyin sellaiseen lopputulokseen, että yleiskäyttöisetkin JavaScript-kirjastot, kuten jQuery, soveltuvat peliohjelmointiin. Kirjaston soveltuminen riippuu kuitenkin pelin tyypistä. Crafty-pelikirjasto soveltuisi luultavasti paremmin esimerkiksi 2d-räiskintäpelin toteutukseen.

The purpose of this bachelor’s thesis was to study how different JavaScript libraries suited for the chal-lenges of game development. The theoretical part of this thesis presented different techniques involved in Javascript game development and JavaScript libraries. Theoretical part also introduced alternative pro-gramming languages suited for game development.

As the practical part of my thesis I made a character window for a role playing game called Viking Tale which I developed together with my friend. In Viking Tale the player could change his character’s gear by dragging with the mouse. The practical part of this thesis compared the development of character windows with two different JavaScript libraries, universally practical jQuery UI and Crafty specializing in game development. I also needed the jQuery library for Ajax technique in both of these development cases. In both cases I introduced the problems faced and the solutions I came up with.

The development of character window was successful with both libraries. The outcome was exactly as planned with the jQuery UI library, but with the game library Crafty I had to settle for compromises. The conclusion was that even universally practical JavaScript libraries such as jQuery were suited for game development. The suitability of the library depends on the game’s type though. The game library Crafty might probably be better, for example, for the development of 2d shooting games.