Janne Isokääntä & Anton Lehtola MITEN 2D-TASOHYPPELYPELIEN GRAAFISET TYYLIT JA ANIMAATIOT EROAVAT TOISISTAAN PC- JA MOBIILIALUSTOILLA? MITEN 2D-TASOHYPPELYPELIEN GRAAFISET TYYLIT JA ANIMAATIOT EROAVAT TOISISTAAN PC- JA MOBIILIALUSTOILLA? Janne Isokääntä & Anton Lehtola Opinnäytetyö Kevät 2021 Viestinnän tutkinto-ohjelma Oulun ammattikorkeakoulu TIIVISTELMÄ Oulun ammattikorkeakoulu Medianomi, Visuaalinen suunnittelu Tekijä(t): Janne Isokääntä & Anton Lehtola Opinnäytetyön nimi: Miten 2D-tasohyppelypelien graafiset tyylit ja animaatiot eroavat toisistaan PC- ja mobiilialustoilla? Työn ohjaaja(t): Tuukka Uusitalo Työn valmistumislukukausi ja -vuosi: Kevät 2021 Sivumäärä: 66 + 1 liite Aiheena tutkielmassa on 2D-tasohyppelypelien eroavaisuuksien tutkiminen PC- ja mobiilialustoilla. Tutkielmassa käsitellään myös erilaisia aiheelle olennaisia käsitteitä pelianimaatioon, peligrafiik- kaan liittyen sekä 2D-tasohyppelypelien historiaa eri alustoilla ja pelien kehittymistä niiden nykyi- seen muotoonsa 1980-luvulta aina nykyhetkeen saakka. Tietoperusta tutkielmalle hankittiin aihetta koskevasta kirjallisuudesta, e-kirjoista, nettiartikkeleista ja videoista, sekä kirjoittajien omista kokemuksista. Tutkimusmenetelmänä on käytetty vertailutut- kimusta, johon valittiin menestyneitä ja suosittuja PC- ja mobiilitasohyppelypelejä. Eri pelien graa- fisia tyylejä, teemoja, animaation toteutusta vertailtiin keskenään. Lisäksi tutkimuksen aikana tehtiin suuntaa antava vertailu eri pelien keskiarvoväreistä ja väripaleteista. Samalla menetelmällä selvi- tettiin myös pelialustakohtaiset keskiarvovärit ja väripaletit, joista voidaan päätellä PC- ja mobii- lialustojen välisiä graafisten tyylien eroavaisuuksia. Tutkimuksen perusteella tultiin siihen tulokseen, että 2D-tasohyppelypelien graafisissa tyyleissä ja animaatiossa on paljon samaa mutta myöskin tiettyjä eroja: Muun muassa mobiilipelien värit ja teemat ovat keskimäärin kirkkaampia ja kevyempiä ja peleissä esiintyvä mahdollinen väkivalta piir- retyn omaista ja sopivampaa laajemmalle kohderyhmälle. PC-pelien synkimmässä päässä on enemmän raakuutta, verta ja tarinassa synkempiä sekä aikuisempia teemoja. Pienempien mobiili- laitteiden rajallinen näyttötila ja resurssit johtavat myös siihen, että mobiilipeleissä on yleensä yk- sinkertaisemmat animaatiot ja vähemmän graafisia yksityiskohtia. Asiasanat: 2D, animaatio, mobiilipelit, peligrafiikka, pelisuunnittelu, tasohyppelypelit, tietokonepelit 3 ABSTRACT Oulu University of Applied Sciences Degree Programme in Communication, Option of Visual Communication Author(s): Janne Isokääntä & Anton Lehtola Title of thesis: How do 2D platform games’ graphical styles and animations differ on PC and mobile platforms? Supervisor(s): Tuukka Uusitalo Term and year when the thesis was submitted: Spring 2021 Number of pages: 66 + 1 appendix The subject for this thesis is about comparing the differences of graphical styles and animations of 2D platform games between PC and mobile platforms. The writers’ interest on the subject, previous experiences from the industry and the relevant subjects of their individual thesis productions formed the subject of this thesis almost seamlessly. The sources for this thesis were collected from relevant books, e-books, internet articles, videos and from the writers’ own experiences. The thesis compares the games of each platform to each other, focusing on used animation techniques, themes and colors. Additionally, an average color and color palette comparison was made between 20 popular PC games and 20 popular mobile games. Finally the same comparison methods were used to form an average color and color palette for both PC and mobile platforms. The concepts of animation, graphical styles, different platforms and the history of platform games are explained in order for the reader to further understand the origins and reasons 2D platform games are so popular today. The graphical styles and animations of 2D platform games on mobile and PC have much in com- mon but have clear differences as well: Mobile games’ colors and themes are clearer and lighter on average and the possible violence within games is usually cartoon violence suitable for wider range of audiences. The darkest side of PC games can have more gore and blood. The stories can also be darker, more serious and include more adult themes. The more limited screen space and resources of smaller devices result to mobile games usually having more simple animations and less detailed graphics as well. Keywords: 2D, animation, computer games, game design, game graphics, mobile games, platform games 4 SISÄLLYS 1 JOHDANTO ........................................................................................................................... 6 2 TERMIT ................................................................................................................................. 8 3 KÄSITTEET ......................................................................................................................... 10 3.1 Mitä 2D-pelit ovat ..................................................................................................... 10 3.2 Mitä tasohyppelypelit ovat ........................................................................................ 11 3.3 PC ja mobiili ............................................................................................................. 12 3.4 Käyttöliittymä ............................................................................................................ 13 3.5 Animaatio videopeleissä ........................................................................................... 15 4 TASOHYPPELYPELIEN KEHITYS ..................................................................................... 22 4.1 Genren alku .............................................................................................................. 22 4.2 Uusi ulottuvuus ......................................................................................................... 26 4.3 Mobiili ....................................................................................................................... 27 5 GRAFIISTEN TYYLIEN EROT ............................................................................................ 32 6 VÄRIVERTAILU ................................................................................................................... 37 6.1 Keskiarvovärit ja väripaletti ....................................................................................... 37 6.2 Alustavertailu ............................................................................................................ 41 7 TEEMOJEN EROT .............................................................................................................. 44 8 ANIMAATIOIDEN EROT ..................................................................................................... 48 9 KÄYTTÖLIITTYMÄN EROT ................................................................................................. 53 10 KONSOLILTA JA PC:LTÄ MOBIILILLE ............................................................................... 59 11 POHDINTA .......................................................................................................................... 63 11.1 Samaa mutta erilaista ............................................................................................... 63 11.2 Alustojen keskeisimmät erot ..................................................................................... 63 11.3 Vertailun haasteet .................................................................................................... 64 11.4 Tulevaisuus .............................................................................................................. 65 LÄHTEET ..................................................................................................................................... 67 KUVALÄHTEET ........................................................................................................................... 71 LIITTEET ..................................................................................................................................... 73 5 1 JOHDANTO Tutkielma sai alkunsa kiinnostuksesta alaa kohtaan. Kummallakin meistä on kokemusta pelialasta, animaatiosta, hahmosuunnittelusta ja pelisuunnittelusta. Tekemämme opinnäytetyön produktiot teimme erikseen, mutta vaikka toinen produktio liittyi PC-peliin ja toinen mobiilipeliin, molemmat liittyivät osuvasti 2D-tasohyppelypeleihin. Kokemusta ja sisäpiiritietoa peleistä, pelialasta ja pelien kehittämisestä oli kertynyt jo ennen tutkiel- man aloittamista Oulu GameLABista, Fingersoftin ja Round Zeron kaltaisista pelialan yrityksistä ja myös tekijöiden omista opinnäytetyön produktioista. Produktiossaan Anton Lehtola teki The Final Trials -PC-peliä (kuva 1). Janne Isokääntä työsti produktiossaan Autofire Heroes -mobiilipeliä (kuva 2). Kuva 1. The Final Trials on synkänpuhuva, mystinen ja haastava PC-peli. 6 Kuva 2. Autofire Heroes on toiminnallinen, hauska ja vauhdikas mobiilipeli. Produktioiden erot täydensivät toisiaan hyvin. Näistä eroavaisuuksista saimmekin lopullisen kipi- nän tutkielmamme aiheeksi: Minkälaisia eroja 2D-tasohyppelypeleistä voisi löytyä näiden kahden alustan välillä? Näiden alustojen pelien välisten erojen tutkimisessa keskitymme pääasiassa grafiikan ja animaa- tion toteutukseen liittyviin eroavaisuuksiin. Vertailemme eri pelien teemoja, käytettyjä värejä ja mie- timme mahdollisia