2D-selainpelin suunnittelu ja ohjelmointi

Abstract

Tämä opinnäytetyö syntyi halusta ohjelmoida ja suunnitella ohjelmia, ja kiinnostuksesta peleihin, sekä tarpeesta tuottaa käytettävyyteen ja pelattavuuteen painottunut työ videopelistä; tällaisia töitä ei tämän opinnäytetyön aloittamishetkellä löytynyt. Selainympäristö valikoitui pelin alustaksi helpon jaettavuuden, käyttöjärjestelmäriippumattomuuden ja käytettävän ohjelmointikielen, JavaScriptin, joustavuuden ja yksinkertaisuuden ansiosta.

Työn tavoitteena oli tuottaa helposti ymmärrettävä esimerkki siitä mitä pelin kehittäminen vaatii, pääpaino käytettävyydellä.

Työssä sovellettiin pelisuunnittelutietojen ja ohjelmointitietojen ja -taitojen lisäksi myös tietoja käyttöliittymien suunnittelusta, graafisesta suunnittelusta, äänen käsittelystä ja matematiikasta kaksiulotteisessa koordinaatistossa.

Työmenetelmänä oli pelin suurpiirteinen suunnittelu ja ideointi ominaisuuksista aluksi paperille, prototyypin ohjelmointi suunnitelman mukaan, uusien ideoiden ja ominaisuuksien kirjaaminen ylös myös toteutusvaiheessa ja ideoiden toteutus ja dokumentointi sitä mukaa kun uusia ominaisuuksia tai muutoksia syntyi. Muiden kirjoittamista koodiesimerkeistä oli eniten apua ohjelmointiongelmien selvittämisessä.

Tuloksena oli toimiva itse suunniteltu HTML5-peli, sekä dokumentoituja periaatteita ja muuta tietoa pelikehityksestä.

Testaaminen, erityisesti muiden suorittamana, nousi tärkeään osaan käytettävyyden ja yleisen laadun parantamisessa.

This thesis was initiated from the desire to program and design programs, from an interest in games, as well as the need to produce a thesis focused on usability and playability; such theses were not to be found at the moment this thesis was initiated. A browser environment was selected as the platform for the game because of easy distribution, operation system independence and the flexibility and simplicity of the programming language used, JavaScript.

The objective of the thesis was to produce an easy to understand example of what it takes to develop a game, with a focus on usability.

In addition to knowledge of game design and programming, the thesis applies knowledge of user interface design, graphic design, sound processing and mathematics in a two dimensional coordinate system.

The work process consisted initially of drawing rough drafts of the game design and features on paper, programming a prototype according to the drafts, documenting new ideas and features while in the implementation phase and implementing the ideas and documenting new features or changes as they emerged. Code examples written by others were the most helpful source for resolving programming problems.

The result was a functional self-designed HTML5 game and some documented principles on developing games, and other information about game development.

Testing, especially done by others, arose as an important role in improving usability and overall quality.