implementacija prve igre u game maker-uoktoopus.org/greengames/images/press/lekcija2.pdf · 2012....

PROJEKAT

Green Games

Lekcija 02

GG-L02

Implementacija Prve Igre u Game Maker-u

Copyright © 2012 – UNIVERZITET METROPOLITAN, Beograd. Sva prava zadržana. Bez prethodne pismene dozvole od strane Univerziteta METROPOLITAN zabranjena je reprodukcija, transfer, distribucija ili memorisanje nekog dela ili čitavih sadržaja ovog dokumenta., kopiranjem, snimanjem, elektronskim putem, skeniranjem ili na bilo koji drugi način.

Copyright © 2012 BELGRADE METROPOLITAN UNIVERSITY. All rights reserved. No part of this publication may be reproduced, stored in a retrieval system or transmitted in any form or by any means, electronic, mechanical, photocopying, recording, scanning or otherwise, without the prior written permission of Belgrade Metropolitan University.

Maj 2012.

Green Games Predavanje br. 01

Naziv predavanja: Dizajn i implementacija Prve Igre

2/17

SADRŽAJ

1. Uvod .................................................................................................................................................... 3

2. Prva igra u Game Makeru ................................................................................................................... 3

2.1 Instalacija Game Maker-a ............................................................................................................. 3

2.2 Dodavanje Sprajtova i Zvukova .................................................................................................... 4

2.3 Objekti, Dogadjaji i Akcije .............................................................................................................. 6

2.3.1 Kreiranje wall object: ............................................................................................................... 7

2.3.2 Sudar klovna sa zidom ........................................................................................................... 9

2.3.3 Dogadjaj klik miša na klovna ................................................................................................. 11

2.4 Kreiranje prostorije ....................................................................................................................... 12

3. Upisivanje na disk i testiranje ........................................................................................................... 13

3.1. Kreiranje egzekutabilne verzije. .................................................................................................. 14

3.2 Finalno doterivanje igre................................................................................................................ 14

3.2.1 Kreiranje muzike u pozadini .................................................................................................. 14

3.2.2 Kreiranje pozadine u igri ....................................................................................................... 14

3.2.3 Dodavanje budilnika (alarm clock) ........................................................................................ 16

3.2.4 Dodavanje help teksta ........................................................................................................... 17

4 Vaša prva igra je gotova ..................................................................................................................... 17

5. Reference .......................................................................................................................................... 17



3/17

Lekcija br. 02

Implementacija Prve Igre Game Makeru

1. Uvod

Tokom prethodnog izlaganja smo se upoznali sa osnovnim koracima pri izradi video igara.

Izabrali smo publiku kojoj je igra namenjena i žanr igre, usvojili smo cilj igre i ideju a nakon toga uradili

dizajn dokument tj. isplanirali detalje u igri. Na kraju smo izabrali okruženje (endžin) u kome ćemo

razviti igru.

U ovom izlaganju ćemo preći na implementaciju igre tj. primera kako se može napraviti igra u Game

Makeru.

Kad završimo ovu lekciju nadam se da ćete se složiti da i nje baš tako teško napraviti prvu igru. Treba

vam PC, internet i par sati da pročitate lekciju i da uz njenu pomoć dobijete na računaru igru koju smo

nazvali "Uhvati klovna" (Catch the Clown)..

2. Prva igra u Game Makeru

Iako je Game Maker veoma lak za korišćenje, prvi put je prvi put, pa je možda potrebno da malo više

obratite pažnju jer vam je većina stvari nova. No ako pažlivo pročitate tutorijal koji sledi (uzet je sa

sajta [1] ) i pokušate da razumete svaki pojedini korak, pravljenje sledeće igre će vam biti puno lakše.

Dakle, sada pravimo igru u Game Makeru, smatrajući da su ciljna grupa deca i da želimo da za njih napravimo prostu akcionu igru.

2.1 Instalacija Game Maker-a

Sa sajta http://www.yoyogames.com dounloadujete Game Maker za računar na kome radite ( u

našem slučaju je to PC pod vindousom; besplatna verzija Game Maker Lite).

Takodje, trebaće vam i tutorijal Your First Game sa sajta http://www.yoyogames.com/make/tutorials ,

jer se u njemu nalazi grafika i zvuk za igru koju ćete upravo napraviti.

Raspakujte i instalirajte Game Maker, a onda nastavite da čitate lekciju i radite ono što se u njoj

opisuje:

http://www.yoyogames.com/http://www.yoyogames.com/make/tutorials



4/17

2.2 Dodavanje Sprajtova i Zvukova

U igri imamo dva objekta (klovna i zid) i svaki treba garfički predstaviti sprajtom (što je u Game Maker-u 2D sličica). Za kreiranje sprajtova možete koristiti bilokoji program za crtanje ( npr. Photo Paint u vindousu), ili ih možete naći na vebu.

U datom slučaju u folderu Resources ćete naći dve sličice:

klovn i zid

Startujte Game Maker, a zatim

sl1 . Prozor Game Maker-a.

1. Iz menija Resources, izaberite Create Sprite. Prozor Sprite Properties (kao što je prikazan

na sl3.) treba da se pojavi.

sl2 . Formular Sprite Properties.



5/17

2. Klikni na polje Name gde trenutno piše sprite0 ( default ime sprajta). Reimenujte ga u

spr_clown

3. Klikni na Load Sprite dugme (button), čime će se otvoriti dijalog za unošenje imena fajla (file

requester) sa sprajtom .

4. Nadjite u folderu Resources file clown.png. Formular Sprite Properties treba da izgleda

kao na sl 3.

5. Klikni na OK button i zatvori formular

sl 3 . Sprite clown.

Sprajt za zid se unosi na isti način

Iz menija Resources, izaberite Create Sprite. Klikni na polje Name i reimenujte ga u spr_wall

Klikni na Load Sprite dugme i selektujte u folderu Resources file wall.png.

Klikni na OK button i zatvori formular

Ako ste primetili, sprajtovi za klovna i zid su se pojavili u levom delu prozora Game Maker-a, koji sadrži i druge objekte kao što su zvuk (sounds), prostorije (rooms) i drugo. Sve njih ćemo jednim imenom zvati Resursima igre.

Neki od resursa možete selektovati kliknuvši na njega. Sada možete pomoću Edit menija da ga modifikujete, duplicirate ili obrišete.

Sada treba uneti zvuk koji će se čuti pri odskakanju klovna i pri hvatanju klovna.

Kreiranje dva resursa zvuke ( sound resources):

1. Iz menija Resources, izaberite Create Sound. Pojavljuje se formular Sound

Properties. Kliknite na polje Name i reimenujte ime u snd_bounce.

2. Kliknite na Load Sound button, idite do foldera Resources koji ste daunloadovali, i

selektujte file bounce.wav. Izgled formulara je dat na sl 4.



6/17

sl 4 . Sprite clown.

3. Klikni na OK button da se zatvori formular.

4. Kreiraj još jedan resurs zvuka i reimenuj ga u snd_click.

5. Kliknite na Load Sound button i selektujte file click.wav.

6. Zatvorite formular.

Napomenimo da u formularu na sl 4 imate dugme u obliku zelenog trougla kojim možete da reprodukujete zvuk koji je u tom resursu.

Primetimo da su oba zvuka u listi resursa.

2.3 Objekti, Dogadjaji i Akcije

Uneli smo sprajtove i zvukove, no jasno ja da igru tek treba napraviti.

Game Maker funkcioniše tako što se svet igre sastoji od objekata igre (game objects) . Jedan objekat se može u igri pojavljivati više puta. Svaka pojava ili slučaj pojave objekta se na engleskom naziva instance.

Primer, u igri će se objekt wall pojaviti više puta (najbolje je da ga zamislite kao kameni blok) i to na različitim mestima da bi se napravila ograda prostora za igru. Kažemo da će biti više instanci (slučajeva) objekta wall a da ćemo imati jednu instancu objektra clown.

Instance objekata neće raditi ništa ako im se ne kaže šta da rade. U igri se dešavju razni dogadjaji (events) i za svaki od njih treba svakom konkretnom slučaju objekta (instanci) u igri reći kako da se ponaša..

Prvi dogadjaj je nastanak instace u igri i to je Create event. Može se desiti da dolazi do neke akcije pri nastanku (na pr. reći klovnu da se kreće u odredjenom pravcu).

Collision Event je dogadjaj da se sudare dva objekta (mislimo na instance) u igri. Takodje se može desiti neka akcija kao posledica ovog dogadjaja. (Na primer, pri sudaru sa zidom, klovn menja pravac kretanja).

Mouse Event je dogadjaj kada igrač nešto uradi s mišom.

Kada igrač klikne na klovna mišem, dilazi do Mouse Event, a akcije (prema GDD) su:

igrač će dobiti deset poena,

klovn će promeniti pravac kretanja

klovn će ubrzati kretanje

Dakle events su dogadjaji u igri, a actions su njihove posledice.

Primetimo takodje da u normalnom govoru objekat je jedan od učesnika u igri, a tip objekta je vrsta sa zajedničkim svojstvima.

Primer automobil u saobraćaju je tip objekta, a svaki konkretan automobil ima svoju boju, marku, mesto gde se nalazi, i njega nazivamo objekat (učesnik) u saobraćaju.

Nasuprot tome, softver (pa i Game Maker) bi rekao

"automobil je jedan objekt u saobraćaju (drugi objekti mogu biti pešak, put, semafor...)".



7/17

"Svaki konkretni automobil u saobraćaju je jedna instanca – konkretan slučaj automobila".

Nego, da predjemo na stvar. Treba kreirati dva objekta: za zid i za klovna.

2.3.1 Kreiranje wall object:

1. U meniju Resources, izaberite Create object. Pojaviće se formular Object Properties kao što je prikazano na slici.

sl 5 . The empty Object Properties form.

2. Klikni na polje Name i reimenuj ime objekta u obj_wall.

3. Klikni na ikonu menu desno od polja Sprite i sa liste raspoloživih sprajtova selektujte

spr_wall sprite.

4. Sve Instances objekta wall su čvrste (must be solid), to jest ni jedna druga instanca (mi bi smo ovde rekli objekt) ne sme da prodre u njih. Stoga treba kliknuti na box Solid da bi se selektovao

5. Klikni na OK to da zatvoriš formu.

Slično, formirajmo objekt klovn.

Kreiranje objekt clown:

1. U meniju Resources, izaberi Create object.

2. Klikni na polje Name i reimenuj ime objekta u obj_clown.

3. Klikni na ikonu menu desno od polja Sprite i sa liste raspoloživih sprajtova selektujte

spr_clown sprajt.

Sada teba definisati ponašanje za klovna, tj. popuniti prazna polja events i actions (kod zida nam to nije trebalo, je ma šta da se desi, zid ostaje tamo gde je).

Events se dodaju pomoću dugmeta add event, a actions iz menija sa desne strane.

Definišimo najpre šta se dešava pri kreiranju klovna (želeli bi smo da se kreće u proizvoljnom pravcu datom brzinom).

4. Klikni na dugme Add Event. Pojaviće se Event Selector, (na sledećoj slici)..



8/17

sl 6 . Event Selector

5. Klikni na dugme Create. Create event je dodat u listu events.

6. Sada treba dodati akciju (action) Move Fixed u listu actions. Izaberite ikonu sa osam crvenih strelica desno i prevucite je u polje lista actions. Pojaviće se formular u koji treba uneti podatke o akciji.

. sl 7 . Setovanje pravaca za akciju Move Fixed

7. U formularu akcije Move Fixed možete izabrati pravac u kome se instanca kreće. Selektujte svih osam pravaca (ne i dugme u sredini koje znači da nema kretanja). Ako ste selektovali više pravaca, pravac se bira slučajno. Setuj Speed na 4. Popunjen formular treba da zgleda kao na sl. 7.

8. Klikni na OK to da zatvoriš formu.

Dakle, definisali smo šta se dešava pri kreiranju instance klown, dodali smo event, akciju i setovali svojstva (properties) akcije. Formular svojstava (properties) objekta clown izgledaju kao na sl 8.



9/17

. sl 8 . Setovanje pravaca za akciju Move Fixed

Sada možemo pogledati druge dogadjaje i ponašanje klovna.

2.3.2 Sudar klovna sa zidom

1. Klikni na Add Event. U Event Selector koji se pojavi klikni na Collision i selektuj obj_wall.

ime je collision event dodat u listu events.

2. Dodaj akciju Bounce prevlačenjem iz menija s desne strane sl 9. Postoje dva svojstva (properties) koja se mogu menjati, no nama odgovaraju upravo defolt vrednosti (ne interesuju nas precizna odbijanja i želimo samo odbijanja od čvrstih prepreka – zid je čvrst). Pritisni OK i zatvori action formular.

3. The action form shown in Figure 9 will appear. There are two properties we can change but their default values are fine. We are not interested in precise bounces and we want to bounce against solid objects. (Remember that we made the wall object solid.).

4. Selektuj tab main1. Iz nje prevuci akciju Play Sound u polje akcija ispod postojeće akcije Bounce. U formularu action from, klikni desno Sound property i sa liste selektuj

snd_bounce. ostavi Loop property false pošto želimo da se zvuk čuje samo jednom.

Formular izgleda kao na sl 10.

5. Press OK to close it.



10/17

. sl 9 . Setovanje Bounce action . sl 10. Zvučni efekt pri Bounce action

Izgled formulara object properties je dat na sledećoj slici.

. sl 11 . Collision event sa objektom wall. .

Napomena: Ako ste napravili grešku, možete desnim klikom na akciju ući u meni Delete ili Edit Values i uneti ispravke.

Sada je na redu dogadjaj (event) kada igrač klikne mišem na klovna. Prema našem GDD imamo četiri akcije:

dodati 10 poena skoru

generisati zvuk

prebaciti klovna na slučajnu poziciju

povećati brzinu i izabrati novi pravac kretanja



11/17

2.3.3 Dogadjaj klik miša na klovna

1. Klikni na Add Event. U Event Selector-u klikni na Mouse u meniju koji se pojavi selektuj Left Pressed. Dogadjaj se desi kada igrač klikne levim tasterom miša a kursor je iznad instance.

2. Izaberi tab score desno i iz nje prevuci Set Score action . Kao novi score stavi 10. Takodje klikni na box pored property Relative da bi ga aktivirao. Kada je Relative enabled vrednost se dodaje ne tekući score, u protivnom bi vrednost zamenila tekući score.

3. Sa panoa main1 prevuci Sound action i kao Sound selektuj snd_click.

Ostavi opciju Leave Loop false.

4. Sa panoa move prevuci Jump to Random action . Ovim se instanca prebacuje na novu random poziciju bez sudara (collision-free position). Parametre možemo ostaviti nepromenjene. Vidi sliku 12.

. sl 12 . Skok na slučajnu poziciju. .

5. Konačno dodajmo Move Fixed action . Opet selektujte osam crvenih strelica (ne i kvadrat u centru). Kao Speed stavite of 0.5 enable (aktivirajte) Relative property tda bi se 0.5 dodala na tekuću brzinu.

Sada smo završili sa objektom Clawn. Uključili smo akcije u slučaju tri najvažnija dogadjaja. Object properties treba da izgleda kao na slici 13.



12/17

. sl 13 Object clown sa svim dogajajima i akcijama .

Klikni OK button da zatvoriš formular.

2.4 Kreiranje prostorije

Kreiranje prostora u kome se igra odvija (tzv. game levels – nivoa igre) može biti složen posao. No u

igri Catch the Clown ćemo izabrati jednostano pravougaonik.Postupak je sledeći.

1. Iz menija Resources selektujte Create Room. Formular Room Properties će se pojaviti kao na sl 14.

. sl 14 Object clown sa svim dogajajima i akcijama .



13/17

2. S leva se vide tri tabovana panoa. Selektuj tab settings. U polju Name ukucaj rm_main. a u Caption for the room ukucaj "Catch the Clown".

3. Selektuj tab objects. Povećaj window dovoljno da bi video kompletno room oblast s desna. Na vrhu, ukucaj za Snap X i Snap Y vrednost 32. Pošto je veličina spritova 32, time će se lakše odrediti prava lokacija objekata.

4. S leva vidite sliku objekta clown. To je trenutno selektovani objekt. Stavi jednu instancu klovna u prostoriji ( room ) kliknuvši mišem negde .

5. Kliknite na ikonu menuja pored polja obj_clown. Pojaviće se lista objekata koje možete dodati. Selektujte obj_wall. Kliknite na različite lokacije u prostoriji ( room ) da postavite instance. Instances možete obrisati pomoću desnog klika.

6. Kliknite na dugme sa zelenim V gore levo da zatvorite formular..

3. Upisivanje na disk i testiranje

Možda vam ne izgleda tako, ali vaša igra može da radi.

Uneli ste sprajtove i zvuk, dizajnirali ste objekte u igri kao i prvi (i jedini) nivo za igru (room).

Sada je vreme da kliknete na "File / Save" i počnete da testirate igru.

Upisani fajlovi na disk sa igrama Game Makera imaju ekstenziju .gmk .

Napomena: Fajlovi .gmk sa igrama se ne mogu izvršavati direktno već se moraju

loadovati u Game Maker. Kasnije ćemo videti kako kreirati egzekutabilne verzije.

. sl 15 Igranje igre .

Start igre je prost: U Run meniju selektujte Run normally. Dizajn window će nestati i pojaviće se prozor kao na slici 14. Da bi ste izašli iz igre, zatvorite prozor klikom na dugme gore desno ili tasterom .



14/17

Dakle, startujte igru i vidite da li se poanaša prema očekivanju.

Treba da čujete korektne zvučne efekte, i brzina klovna treba da se povećava. Takodje skor treba da raste.

Nakon početnog testiranja, možete napraviti analizu igre. Postavite pitanja:

Da li je početna brzina korektna?

Da li je porast brzine korektan?

Da li je veličina sobe korektna?

Da li su sprajtovi i zvuk odgovarajući za igru?

Ako niste nečim zadovoljni, unesite korekcije i ponovite testove. Na zaboravite da date nekom drugom da isproba igru. Pošto ste vi dizajner, može da bude lakša za vas nego za druge. Sem toga, vi znate sve o tome kako se igra, drugima to može biti nepoznato.

3.1. Kreiranje egzekutabilne verzije.

Da bi ste dali nekom drugom da proba igru bez Game Makera, trebaće vam .exe verzija.

Procedura je jednostavna. U meniju File selektujte komandu Create Executable.

Po želji, možete da publikujete vašu igru na websajtu YoYo Games http://www.yoyogames.com odakle je drugi mogu daunloadovati.

Naravno, ne preporučujemo da publikujete baš igru Catch the Clown, ali sada već možete da kreirate vašu originalnu igru pa je bolje da nju pošaljete .

U tu svrhu će vam trebati skrinšot-ovi igre koje ćete napraviti koristeći taster tokom igranja igre.

3.2 Finalno doterivanje igre

Da bi igra lepše izgledala, dotejamo je malo.

Prvo što možemo da uradimo je da dodamo muziku u pozadini (background).

3.2.1 Kreiranje muzike u pozadini

Postupak je sledeći:

1. U meniju Resources selektujte Create Sound. Pojaviće se formular Sound

Properties. Klikni na polje Name i promeni ime u snd_music.

2. Klikni na Load Sound button, idi do foldera Resources i selektuj sound file

music.mid. Napomenimo da je to midi fajl. Midi fajlovi se često koriste za

background muziku jer koriste manje memorije.

3. Klikni na OK da zatvoriš formular.

4. Otvori object clown kliknuvši dvaput na njegovu ikonu u polju resource s leva.

5. Selektuj Create event. Iz panoa main1 prevuci Play Sound action . Kao Sound

ukucajte snd_music i setujte Loop na true jer želite da se muzika ponavlja.

3.2.2 Kreiranje pozadine u igri

1. U meniju Resources selektujte Create Background. Pojaviće se formular

Background Properties. Klikni na polje Name i promeni ime u back_main.

2. Klikni na Load Background button, idi do foldera Resources i selektuj sliku

background.png. Rezultat treba da izgleda kao na slici Figure 16.

http://www.yoyogames.com/



15/17

. sl 16 Formular Background Properties.

3. Klikni na OK da zatvoriš formular

4. Otvori object room kliknuvši dvaput na njegovu ikonu u polju resource s leva.

5. Selektuj tab backgrounds. Deselektuj property Draw background color.

6. Klikni na malu ikonu menja u sredini i selektuj back_main u popup meniju. Kao što

vidite, imamo lepu pozadinu, Na sl 17. primetimo properties Tile Hor. and Tile Vert. One pokazuju da se pozadina ponavlja horizontalno i vertikalno kao pločice (tiles)...

.

sl 17 Prostorija sa slikom u Background-u

Ako igrate igru malo duže, videćete da je veoma laka jer vrlo brzo naučite kuda se klovn kreće. Da bi smo otežali igru, uvešćemo da klovn s vremena na vreme menja pravac kretanja.



16/17

U tu svrhu ćemo koristiti nešto što se zove alarm clock (budilnik). Svaki slučaj objekta (instance) može imati jedan ili više budilnika. Budilnici odbrojavaju tikove (vreme), i kad signu do nule, šalju alarm event.

Dakle, nakon alarm event-a klovn će promeniti pravac.

3.2.3 Dodavanje budilnika (alarm clock)

1. Otvori object clown kliknuvši dvaput na njegovu ikonu u polju resource s leva..

2. Selektujte Create event. Iz panoa main2 prevuci Set Alarm action . Kao Number of steps ukucajte 50. Alarm ćemo označiti Alarm 0. (vidi sl 18)..

3. Klikni na Add Event. selektujte dugme Alarm u popup meniju selektujte Alarm 0.

4. U polje event prevucite Move Fixed action (iz taba move). Selektujte svih osam strelica. Setujte Speed na 0 i enable Relative property. Na taj način se brzinaneće menjati.

5. Da bi setovali alarm clock opet, prevucite Set Alarm action. Kao Number of steps opet ukucajte vrednst 50.

sl 18 Setovanje alarm clock-a na 50 steps

Kako je po difoltu 30 koraka u sekundi u Gama Makeru, to znači da je alarm clock setovan na nešto više od 1.5 skundi.

Na kraju, ne zaboravimo da igračima treba reći kako da igraju igru. Potreban je dakle bar nekakav help.

Tokom igre bi pritiskom na F1 trebalo da se poajvi help tekst.



17/17

3.2.4 Dodavanje help teksta

1. U meniju Resources selektujte Change Game Information. Pojaviće se prosti tekst editor.

2. Ukucajte par korisnih informacija za igrače, a posebno, ne zaboravite cilj igre i način kako se kontroliše igra. Možete koristiti razlićite fontove, veličine i boje. Kao primer, pogledajte sl. 19

sl 19 Unošenje help informacija igraču

Unesite tekst u help fajl i istestirajte ga.

4 Vaša prva igra je gotova

Pa eto, ako ste došli do ovog mesta u tekstu, nadam se da vaša prva igra radi i da ste zadovoljni. Treba napomenuti da je korak koji ste prošli najvažniji i najteži od svi narednih.

Ako je ovo zaista vaša prva igra, možete konkretizovati ono što ste ranije čitali o igrama: šta je cilj u igri, šta je oponent, šta je NPC, šta je GDD, kao i ono drugo, kako se to sve može realizovati i dobiti nešto što radi.

Ako prvi put koristite Game Maker, shvatili ste ono što je najvažnije. sprajtove, slike i zvuk, objekte u igri, dogadjaje u igri i akcije, odnosno posledice dogadjaja.

Par ideja kako da inovirate svoju igru, pre nego što predjete na drugu, bolju i sofisticiraniju.

Dodajte još jednog klovna u igru (to će vam biti lako jer već imate objekt klovna, treba samo da dodate jo jednu instancu – kao što ste dodavali blokove za zid).

Ili, možda odete na sajt http://www.yoyogames.com i dounloadujete neki drugi tutorijal koji će vas odvesti dalje.

5. Reference

[ 1 ] Gamemaker , http://www.yoyogames.com/gamemaker

[ 2 ] Mark Overmars, Your First Game, Game Maker Tutorial, 2007-2009 YoYo Games Ltd. http://www.yoyogames.com/make/tutorials
http://www.yoyogames.com/http://www.yoyogames.com/gamemakerhttp://www.yoyogames.com/make/tutorials

implementacija prve igre u game maker-uoktoopus.org/greengames/images/press/lekcija2.pdf · 2012....

Documents