Emanuele Feronato
Programujeme hry ve Flashi
Computer Press Brno 2012
K1976_sazba.indd 1
5.1.2012 14:48:43
Programujeme hry ve Flashi Emanuele Feronato Překlad: Ondřej Baše, Kristýna Baše Obálka: Martin Sodomka Odpovědný redaktor: Martin Herodek Technický redaktor: Jiří Matoušek Copyright ©Packt Publishing 2011. First published in the English language under the title ‘Flash Game Development by Example‘ Autorizovaný překlad z originálního anglického vydání Flash Game Development by Example. Originální copyright: © Packt Publishing 2011. Překlad: © Albatros Media a. s., 2012. Objednávky knih: http://knihy.cpress.cz www.albatrosmedia.cz
[email protected] bezplatná linka 800 555 513 ISBN 978-80-251-3697-3 Vydalo nakladatelství Computer Press v Brně roku 2012 ve společnosti Albatros Media a. s. se sídlem Na Pankráci 30, Praha 4. Číslo publikace 15 895. © Albatros Media a. s. Všechna práva vyhrazena. Žádná část této publikace nesmí být kopírována a rozmnožována za účelem rozšiřování v jakékoli formě či jakýmkoli způsobem bez písemného souhlasu vydavatele. 1. vydání
K1976_sazba.indd 2
5.1.2012 14:49:00
Obsah O autorovi ................................................................................. 9 O odborných korektorech...................................................... 10 Úvodem ................................................................................... 11 Co obsahuje tato kniha ...................................................................................................11 Co budete při četbě knihy potřebovat ......................................................................12 Komu je kniha určena ......................................................................................................12 Konvence ..............................................................................................................................12 Zpětná vazba od čtenářů................................................................................................13 Zdrojové kódy ke knize ...................................................................................................13 Errata ......................................................................................................................................13
Kapitola 1 Hra Concentration .................................................................. 15 Definování návrhu hry .....................................................................................................16 Nastavení velikosti scény, snímkové frekvence a barvy pozadí .......................17 Vítejte do hry Concentration („Ahoj světe“) ............................................................20 Tvorba dlaždic .....................................................................................................................22 Přidání náhody – míchání dlaždic ...............................................................................25 Umístění dlaždic na scénu..............................................................................................28 Výběr dlaždic .......................................................................................................................31 Ověření odpovídajících dlaždic ....................................................................................34 Odhalení skutečného průběhu hráči .........................................................................37 Zabránění hráči v podvádění ........................................................................................40 Doladění hry – přidání vzdělávacího obsahu..........................................................42 Shrnutí ...................................................................................................................................44 Co dělat dál ..........................................................................................................................44
K1976_sazba.indd 3
5.1.2012 14:49:00
4
Obsah
Kapitola 2 Hra Hledání min ...................................................................... 45 Definování návrhu hry .....................................................................................................46 Umístění min .......................................................................................................................48 Přidání číslic .........................................................................................................................50 Nezbytná optimalizace ....................................................................................................53 Umísťování dlaždic na scénu .........................................................................................55 Zobrazení obsahu dlaždic ..............................................................................................61 Automatické zobrazování sousedních prázdných dlaždic .................................63 Označení dlaždic vlajkami ..............................................................................................66 Časovač a prohra................................................................................................................67 Zabránění „náhlé smrti“ ...................................................................................................69 Shrnutí ...................................................................................................................................71 Co dělat dál ..........................................................................................................................71
Kapitola 3 Hra Connect Four .................................................................... 73 Definování návrhu hry .....................................................................................................74 Herní pole .............................................................................................................................74 Zobrazování plynulých animací ...................................................................................75 Rozdělení zdrojového kódu ...........................................................................................76 Přidání herní desky............................................................................................................77 Umístění herní desky na scénu.....................................................................................78 Tvorba více tříd ...................................................................................................................79 Umístění kotoučů ..............................................................................................................80 Přesouvání kotouče ..........................................................................................................84 Aplikování pravidel hry....................................................................................................87 Prověřování možných sloupců......................................................................................88 Ať kotouče padají...............................................................................................................88 Určení hodnoty buňky (je-li nějaká) ...........................................................................89 Provedení tahu ...................................................................................................................90 Čekání na přidání kotouče do scény ..........................................................................90 Kontrola vítězství ...............................................................................................................92 Animování kotoučů ..........................................................................................................95 Samotná animace ..............................................................................................................96 Naučíme počítač hrát .......................................................................................................97 Použití síly procesoru .......................................................................................................98
K1976_sazba.indd 4
5.1.2012 14:49:01
Obsah
5
Hra s umělou inteligencí – obranná hra....................................................................99 Shrnutí ................................................................................................................................ 102 Co dělat dál ....................................................................................................................... 102
Kapitola 4 Hra Snake .............................................................................. 103 Definování návrhu hry .................................................................................................. 104 Hry založené na polích versus hry založené na filmových klipech .............. 104 Příprava pole..................................................................................................................... 105 Kreslení grafických prvků............................................................................................. 105 Umístění hada .................................................................................................................. 107 Samotný had .................................................................................................................... 107 Zjednodušení zdrojového kódu ................................................................................ 110 Rozpohybování hada .................................................................................................... 111 Ovládání hada .................................................................................................................. 115 Umístění ovoce ................................................................................................................ 116 Požírání ovoce .................................................................................................................. 120 Růst hada ........................................................................................................................... 122 Umístění zdí ...................................................................................................................... 123 Doplnění smrti hada ...................................................................................................... 124 Shrnutí ................................................................................................................................ 127 Co dělat dál ....................................................................................................................... 127
Kapitola 5 Hra Tetris ............................................................................... 129 Definování návrhu hry .................................................................................................. 129 Import tříd a deklarace prvních proměnných...................................................... 130 Kreslení pozadí herního pole ..................................................................................... 131 Nakreslení vylepšeného pozadí herního pole ..................................................... 133 Vytváření tetromin ......................................................................................................... 134 Umístění našeho prvního tetromina ....................................................................... 137 Přesouvání tetromin vodorovně ............................................................................... 140 Posouvání tetromin dolů ............................................................................................. 143 Přistání tetromin ............................................................................................................. 144 Zavedení kolizí mezi tetrominy ................................................................................. 147 Otáčení tetromin............................................................................................................. 148 Odstraňování kompletních řádků............................................................................. 150 Nakládání se zbývajícími řádky ................................................................................. 152
K1976_sazba.indd 5
5.1.2012 14:49:01
6
Obsah Průběžné padání tetromin .......................................................................................... 153 Hlídání prohry .................................................................................................................. 154 Zobrazení příštího tetromina ..................................................................................... 156 Shrnutí ................................................................................................................................ 158 Co dělat dál ....................................................................................................................... 158
Kapitola 6 Hra Astro-PANIC! .................................................................. 159 Definování návrhu hry .................................................................................................. 159 Vytvoření hry a kreslení grafických prvků ............................................................. 160 Přidání a ovládání vesmírné lodi ............................................................................... 161 Doplnění filtru záření .................................................................................................... 162 Přinucení vesmírné lodi ke střelbě ........................................................................... 163 Jak může střela létat ...................................................................................................... 164 Doplnění nepřátel .......................................................................................................... 165 Přesun nepřátel ............................................................................................................... 166 Být zabit nepřítelem ...................................................................................................... 170 Zabití nepřítele ................................................................................................................ 171 Zabití nepřítele definitivně ......................................................................................... 172 Stylové zabití nepřítele ................................................................................................. 173 Postup na vyšší úrovně ................................................................................................. 175 Aktuální skóre a nejvyšší dosažené skóre .............................................................. 176 Ukládání dat na lokální počítač ................................................................................. 178 Shrnutí ................................................................................................................................ 180 Co dělat dál ....................................................................................................................... 180
Kapitola 7 Hra Bejeweled ....................................................................... 181 Vytvoření dokumentů a objektů ............................................................................... 182 Umístění drahokamů..................................................................................................... 182 Skutečné umísťování drahokamů............................................................................. 185 Výběr drahokamu ........................................................................................................... 188 Příprava na prohození drahokamů .......................................................................... 190 Prohození drahokamů .................................................................................................. 192 Skutečné prohození drahokamů .............................................................................. 194 Výběr drahokamů k odstranění ................................................................................. 196 Odstranění drahokamů ................................................................................................ 198 Gravitační síla musí působit i na drahokamy ....................................................... 199
K1976_sazba.indd 6
5.1.2012 14:49:01
Obsah
7
Přidáme nové drahokamy ........................................................................................... 202 Nakládání s kombinacemi ........................................................................................... 203 Poskytování rad ............................................................................................................... 204 Shrnutí ................................................................................................................................ 206 Co dělat dál ....................................................................................................................... 206
Kapitola 8 Hra Puzzle Bobble ................................................................ 207 Vytvoření dokumentů a prostředků ........................................................................ 208 Umístění a otáčení děla ................................................................................................ 209 Nakreslení herního pole ............................................................................................... 211 Kreslení herního pole s alternativními řádky........................................................ 213 Nakreslení herního pole podle Pythagorovy věty.............................................. 214 Nabití děla bublinou...................................................................................................... 215 Vystřelení bubliny ........................................................................................................... 217 Odrážení a zastavení bubliny ..................................................................................... 219 Přizpůsobení pozice bubliny a opětovné nabití ................................................. 220 Navršení bublin ............................................................................................................... 222 Detekce řetězů bublin................................................................................................... 225 Odstranění řetězu ........................................................................................................... 229 Odstranění nespojených bublin................................................................................ 231 Shrnutí ................................................................................................................................ 234 Co dělat dál ....................................................................................................................... 234
Kapitola 9 Hra BallBalance ..................................................................... 235 Vytvoření souborů a prostředků ............................................................................... 236 Přidání váhy ...................................................................................................................... 237 Výběr místa pro upuštění koulí ................................................................................. 238 Upouštění koulí ............................................................................................................... 241 Vršení koulí ........................................................................................................................ 244 Odstranění koulí .............................................................................................................. 249 Přesunutí vznášejících se koulí .................................................................................. 250 Pohyb váhy ........................................................................................................................ 252 Shrnutí ................................................................................................................................ 254 Co dělat dál ....................................................................................................................... 254
Kam dál.................................................................................. 255 Rejstřík .................................................................................. 257
K1976_sazba.indd 7
5.1.2012 14:49:01
K1976_sazba.indd 8
5.1.2012 14:49:01
O autorovi Emanuel Feronato studuje programovací jazyky od počátku 80. let a zajímá se především o vývoj webových technologií a vývoj her. Učil programování online pro společnost European Social Fund a nyní vlastní italskou společnost zabývající se vývojem v oblasti Internetu, kde pracuje jako vedoucí programátor. Jako vývojář her vytvořil ve Flashi hry sponzorované největšími herními portály, a tyto hry se mohou chlubit více než 50 miliony spuštění. Pracoval také jako technický korektor pro nakladatelství Packt Publishing. Jeho blog na adrese http://www.emanueleferonato.com/ je nejnavštěvovanějším blogem o nezávislém programování. Chtěl bych poděkovat kolegům z nakladatelství Packt Publishnig, že mi poskytli příležitost k napsání této knihy. Zvláštní poděkování patří Davidu Barnesovi za jeho víru v tento projekt, dále Vishalu Bodwani a Arunu Nadarovi spolu s technickými korektory za to, jak se poprali s mým rukopisem a špatnou angličtinou. Velké poděkování věnuji čtenářům svého blogu a fanouškům na sociální síti Facebook, že si cení mé práce a inspirují mě k dalšímu psaní. Rád bych se zmínil o Adě Chenové ze společnosti Mochi Media. Svou první hru jsem vyrobil poté, co jsem se s Adou kontaktoval prostřednictvím e-mailu, takže má významnou zásluhu na vzniku této knihy. V neposlední řadě děkuji své ženě Kirenii za její trpělivost, když jsem psal tuto knihu po nocích. Knihu věnuji své malé dceři Kimoře, která vždy stlačí náhodné klávesy na mém počítači. Legenda praví, že většina skriptů vznikla právě tímto způsobem. Mám tě rád, „žraločí dítě“.
K1976_sazba.indd 9
5.1.2012 14:49:01
O odborných korektorech Jon Borgonia je profesionální programátor. Pracuje ze své domovské základny (společnosti Goma Gomes), jejíž sídlo se nachází na vzdáleném ostrově Oahu v Tichém oceánu. Jon žije a dýchá hrami a v těch výjimečných chvilkách, kdy nehraje ani neprogramuje, se nadšeně baví o návrhu her, herní teorii a závislosti na hrách se svými spolupracovníky. Jon vytvořil spoustu mini-her postavených na platformě Flash a technologii haXe pro společnost Goma Games. Mezi jím vydané tituly patří Polyn, Santa’s Sack, Thanksgiving Kitchen Hero, Jet-Pack Turkey of Tomorrow a 10-10-10. Tím, že Jon vyvíjí zábavné a originální hry, se snaží přesvědčit lidi, že videohry jsou kreativním interaktivním uměním. Snaží se vytvářet prožitek, jenž evokuje změnu ve skutečném světě. Děkuji ti, Kelli, jsi světlo, které vyzařuje z mého nitra. Děkuji za tvé příspěvky k hrám, které společně vytváříme. Děkuji ti, Wille, za to, že jsi můj nejlepší kamarád, s nímž se můžu smát, brečet a stavět hrady na pískovišti našich životů. Děkuji ti, Jesse, za to, že jsi aktivní ingrediencí naší kreativity, a za tvé nové myšlenky a jasný pohled na věc. Děkuji vám, přátelé a rodino, za bezvýhradnou lásku a toleranci pro mou fanatickou oddanost hrám. V neposlední řadě děkuji tobě, Keith, za to, že jsi mě několikrát nechala vyhrát v MVC2. Robin Palotai se věnuje vývoji her a nástrojů ve Flashi pomocí technologie haXe a jazyka ActionScript 3. Je jedním z autorů nástroje SamHaXe, který slouží pro sestavování knihoven prostředků typu SWF. Rovněž provozuje webové stránky na adrese http://treetide.com/, na nichž poskytuje zajímavé nástroje a články pro vývojáře her ve Flashi. Tarwin je programátor samouk (pokud mu zrovna jeho otec vzrušeně nepopisuje, co to je dBase2 a proč je tak úžasný), který miluje sílu, jakou mu programování přináší, a to zejména ve spojení s webem. Pracoval jako nezávislý návrhář a programátor webových stránek téměř 15 let. Pracoval také jako autor DVD, ale byl toho ušetřen poté, co na něj naléhal kamarád ze školy, aby s ním začal spolupracovat na serveru Touch My Pixel. V roce 1997 začal přecházet k platformě Flash 2, když viděl tehdejší úžasné webové stránky Future Splash – The Simpsons (r). Tarwin rovněž učil multimediální design na univerzitě Monash University v Melbourne v Austrálii a podílel se na tvorbě interaktivních uměleckých děl, z nichž některá se objevila na výstavě Taiwan Biennale 2008 a další vyhrála prestižní cenu Queensland Premiere v roce 2010. Děkuji svým rodičům, že mě nechali věnovat se své vlastní práci, přestože nešlo o „skutečnou práci“. Děkuji svým vrstevníkům, kteří mě povzbuzovali dělat věci lépe, a také děkuji všem lidem blízkým mému srdci, kteří se smířili s mou workoholickou povahou. Slibuji, že s vámi budu trávit více času.
K1976_sazba.indd 10
5.1.2012 14:49:01
Úvodem S neutuchajícím rozrůstáním trhu s hrami ve Flashi není žádným překvapením, že stále více vývojářů vkládá své úsilí do tvorby her ve Flashi. Vývoj her ve Flashi se liší od běžného vývoje her rozpočtem nezbytným ke komerčnímu úspěchu. Existuje spousta vývojářů, kteří vytváří hry ve svém volném čase a jsou rádi, když můžou přetvořit svou vášeň ve zdroj příjmů, ze kterého se v některých případech stane dobře placená práce na plný úvazek. Zaměstnavatelé stále častěji požadují schopnost rychle vyvíjet zábavné hry ve Flashi. Právě tímto tématem se budeme zabývat v této knize – naučíme se vyvíjet nezávislé hry ve Flashi. Tak, že si rozebereme a napodobíme hry, které utvářely historii videoher, zjistíme, jak snadné je vytvořit zábavnou hru ve Flashi, přestože jsme na její vývoj sami.
Co obsahuje tato kniha Kapitola 1, „Hra Concentration“ – Concentration je nejjednodušší hra, kterou lze vytvořit pouze s pomocí pole a omezené uživatelské interakce. Kapitola 2, „Hra Hledání min“ – Hledání min je hra, kterou můžeme vytvořit prostřednictvím pole, ale ukážeme si na ní zajímavější funkce; například rekurzivní funkce. Kapitola 3, „Hra Connect Four“ – Connect Four je hra založená na poli se složitějšími pravidly a základní umělou inteligencí, díky níž bude moci hrát počítač proti člověku. Kapitola 4, „Hra Had“ – Had je interaktivní hra s jednoduchými pravidly využívající klávesnici, ale tentokrát se jedná o hru v reálném čase, protože had se nikdy nezastaví a hra nečinně nečeká na vstup uživatele. Kapitola 5, „Hra Tetris“ – Tetris je nejsložitější hrou, která obsahuje časovač, vstup uživatele, vícerozměrná pole a objekty nejrůznějších tvarů. Kapitola 6, „Hra Astro-PANIC!“ – Astro-PANIC! je střílečka s v podstatě neomezeným počtem úrovní, se vzrůstající obtížností a kompletním systémem skóre a nejvyššího dosaženého skóre. Kapitola 7, „Hra Bejeweled“ – Bejeweled je moderní kasovní trhák s kombinacemi a základní umělou inteligencí, která nabízí uživateli rady ke hře. Kapitola 8, „Hra Puzzle Bobble“ – Puzzle Bobble je hra typu „spoj 3“ s neortogonálním herním polem, kterou lze hrát také jako hru pro více hráčů. Kapitola 9, „Hra BallBalance“ – BallBalance je hra vytvořená od nuly. Není složitá, ale měla poměrně úspěch. Předvedeme si na ní, jak vytvořit originální hru.
K1976_sazba.indd 11
5.1.2012 14:49:01
12
Úvodem
Co budete při četbě knihy potřebovat Tato kniha vyžaduje vývojové prostředí Adobe Flash CS4 nebo Adobe Flash CS5. Třicetidenní zkušební verzi můžete stáhnout na adrese http://www.adobe.com/products/flash.html.
Komu je kniha určena Programátorům jazyka ActionScript 3, kteří shánějí rychlé a účinné techniky k tvorbě her ve Flashi. Animátorům Flashe, kteří se chtějí naučit vytvářet hry ze svých základů jazyka ActionScript 3. Programátorům, kteří znají jiné jazyky než ActionScript 3 a chtějí se tento jazyk naučit, aby mohli vytvářet něco zajímavějšího, než na co jsou zvyklí. Dokonce i v případě, že nejste programátoři, ale milujete hry ve Flashi, můžete se na tuto knihu spolehnout – provede vás krok za krokem jednoduchými příklady a kompletním zdrojovým kódem pro každou hru.
Konvence V této knize najdete několik stylů textu, které rozlišují různé typy informací. Zde jsou některé příklady těchto stylů a vysvětlení jejich významu. Zdrojový kód se v textu zobrazuje následovně: „Nachází se zde volání nové funkce s argumentem.“
placeDisc()
Blok zdrojového kódu: package { import flash.display.Sprite; public class board_movieclip extends Sprite { public function board_movieclip() { x=105; y=100; } } }
V případě, že chce kniha upoutat vaši pozornost na určitou část bloku kódu, budou příslušné řádky nebo výrazy uvedeny tučným písmem: public function Main() { prepareField(); placeBoard(); placeDisc(Math.floor(Math.random()*2)+1); }
Nové termíny a důležitá slova se zobrazují tučným písmem. Slova, která vidíte například na obrazovce, v nabídkách nebo dialogových oknech, vypadají v textu takto: „Vytvořte nový soubor – pomocí položky Soubor Nový (File New) a potom vyberte v okně Nový dokument (New document) položku ActionScript 3.0.“
K1976_sazba.indd 12
5.1.2012 14:49:01
Zpětná vazba od čtenářů
13
Poznámka Poznámky se zobrazují v takovém bloku.
Zpětná vazba od čtenářů Nakladatelství a vydavatelství Computer Press, které pro vás tuto knihu přeložilo, stojí o zpětnou vazbu a bude na vaše podněty a dotazy reagovat. Můžete se obrátit na následující adresy: Redakce PC literatury Computer Press Spielberk Office Centre Holandská 3 639 00 Brno nebo
[email protected] Computer Press neposkytuje rady ani jakýkoli servis pro aplikace třetích stran. Pokud budete mít dotaz k programu, obraťte se, prosím, na jeho tvůrce.
Zdrojové kódy ke knize Z adresy http://knihy.cpress.cz/K1976 si po klepnutí na odkaz Soubory ke stažení můžete stáhnout archiv s ukázkovými kódy.
Errata Přestože jsme udělali maximum pro to, abychom zajistili přesnost a správnost obsahu, chybám se úplně vyhnout nedá. Pokud v některé z našich knih najdete chybu, ať už chybu v textu nebo v kódu, budeme rádi, pokud nám ji nahlásíte. Ostatní uživatele tak můžete ušetřit frustrace a pomoci nám zlepšit následující vydání této knihy. Veškerá existující errata zobrazíte na adrese http://knihy.cpress.cz/K1976 po klepnutí na odkaz Soubory ke stažení.
K1976_sazba.indd 13
5.1.2012 14:49:01
K1976_sazba.indd 14
5.1.2012 14:49:01
KAPITOLA 1 Hra Concentration Concentration je paměťová hra, kterou můžeme hrát dokonce i bez počítače pouze s balíčkem karet. Zamícháme karty, položíme je lícem dolů na stůl a v každém tahu vybereme dvě karty a otočíme je lícem nahoru. Pokud si obě karty odpovídají hodnotou (jsou to esa, dvojky, trojky atd.), odebereme je ze stolu. V opačném případě položíme opět obě karty lícem dolů a vybereme další pár karet. Hra skončí, jakmile odstraníme ze stolu všechny karty (díky shodám karet). Tuto hru může hrát libovolný počet hráčů, a to dokonce i jediný hráč. Výhercem je ten, kdo odstraní nejvíce karet ze stolu. V této kapitole vytvoříme kompletní hru Concentration od začátku, přičemž si krok za krokem osvojíme tyto základní dovednosti:
K1976_sazba.indd 15
Tvorba dokumentu Flash. Práce s balíčky, třídami a funkcemi. Výpis textu. Komentování zdrojového kódu. Tvorba a správa proměnných a konstant. Tvorba a správa polí. Generování náhodných zaokrouhlených čísel jako simulace míchání balíčku karet. Opakované provádění zdrojového kódu s daným počtem opakování pomocí cyklu for.
5.1.2012 14:49:01
16
Kapitola 1: Hra Concentration Vytváření filmových klipů, které přidáváme s pomocí jazyka ActionScript 3, a interakce mezi nimi za běhu. Zpracování klepnutí myší. Zacházení s časovači.
Definování návrhu hry Jakmile začnete přemýšlet o programování hry, už ji ve skutečnosti děláte. Jste v předprodukční fázi. Během tohoto procesu se začíná utvářet herní logika, příběh a prostředí. Než začneme psát zdrojový kód nebo dokonce než zapneme počítač, je velmi důležité definovat návrh hry. V tomto kroku určíme, jak bude hra fungovat, její pravidla a cíle, a také množství vlastností a funkcí, které do ní začleníme. Vím, že už byste chtěli začít psát kód, ale podcenění důležitosti návrhu hry je nejčastější chybou. Obvykle si myslíme, že máme všechno v hlavě a hned chceme začít programovat. Navíc hra typu Concentration vypadá opravdu jednoduše, má jediné jednoduché pravidlo (vybrané karty si odpovídají, nebo neodpovídají) a v neposlední řadě kopírujeme existující hru. Takže proč nezačít psát hned teď? Dokonce i takový základní projekt vám může způsobit řadu nepříjemností, jestliže přeskočíte důkladný návrh hry. Zde je několik otázek o vytvářené hře, na které byste se pravděpodobně sami sebe nezeptali: Kolik hráčů může hru hrát? Kolik karet umístíme na stůl? Nemáme balíček karet. Měli bychom si jeden koupit a naskenovat všechny karty? Jsou obrázky karet chráněné autorským právem? Kde najdeme volně dostupné obrázky karet? Jaké rozlišení bychom měli zvolit, aby se všechny karty zobrazovaly jasně? Kdo bude hrát naši hru? Z jakých úrovní obtížnosti by si měl hráč vybírat? Bude mít hra nějakou doprovodnou hudbu nebo zvukové efekty? Nebojte se položit si tolik otázek, kolik jen můžete. Čím více rozhodnutí učiníte předem, tím snadněji hru vytvoříte.
Jestliže děláme změny základních mechanismů, když je hra v pokročilé fázi vývoje, může dramaticky narůst čas vývoje. Dobrý návrh hry nezajistí, že nikdy nebudeme muset přepisovat některé části zdrojového kódu, ale redukuje pravděpodobnost této činnosti. V každém případě buďte realisté a poznejte svá omezení. Otázky jako „Měli bychom použít fyzikální engine, aby otáčení karet vypadalo realisticky; kupříkladu přidat vítr nebo jiný odpor vzduchu?“ jsou velmi dobré, protože nechceme začít na něčem takovém pracovat a pak zjistit, že to nepotřebujeme. Nikdy však neuvažujme o funkcích, o nichž víme, že je neumíme přidat, neboť pak se naše vyhlídky na vydání hry rychle rozplynou a zjistíme, že hru nikdy nevytvoříme. Na konci tohoto procesu bychom měli mít přinejmenším sadu základních pravidel, jak by se měl chovat funkční prototyp.
K1976_sazba.indd 16
5.1.2012 14:49:01
17
Nastavení velikosti scény, snímkové frekvence a barvy pozadí Takže zde jsou rozhodnutí, která jsme pro tuto hru učinili:
Může ji hrát i jediný hráč. Hru by měly hrát malé děti ve webovém prohlížeči. Na stůl umístíme 20 karet. Hra s kompletním balíčkem karet by mohla být pro malé děti příliš složitá. Místo klasického balíčku karet použijeme dlaždice s jednoduchými barevnými tvary – kupříkladu červený kruh, zelený čtverec apod. To nám umožní nakreslit si grafické prvky sami, aniž bychom potřebovali balíček karet. Hráč bude vybírat karty klepnutím myší. Definice cílové skupiny hráčů je pro hru nesmírně důležitá, pokud ji chceme dobře vyladit. Protože chceme hru pro malé děti, přidáme do ní nějaký výukový obsah. Rodiče milují, když si děti hrají a současně se něco učí.
Nastavení velikosti scény, snímkové frekvence a barvy pozadí Chystáme se vytvářet hru ve Flashi a ta bude mít stejně jako i všechny filmy ve Flashi svou velikost scény (šířku a výšku v pixelech), snímkovou frekvenci (počet snímků za sekundu) a barvu pozadí.
Poznámka Oblast, na níž budeme zobrazovat obsah, se nazývá scéna. Jakýkoliv obsah mimo scénu nebude při hraní hry viditelný.
Čím větší velikost a snímková frekvence, tím bude hra náročnější na výkon procesoru. Ale nejde jen o problémy s procesorem, musíme uvažovat také nad velikostí zařízení, na němž se má naše hra hrát. Pokud chcete navrhnout hru Concentration pro hraní na chytrých telefonech, pak je nejspíše velikost 1280 × 1024 špatnou volbou, protože tato zařízení takové rozlišení nepodporují. Přestože jsme se rozhodli vytvořit hru pro webové prohlížeče, stále bychom měli přemýšlet nad tím, jakou velikost by měla mít. Hry ve Flashi se nejčastěji hrají na slavných herních portálech – například portálu Kongregate (http://www.kongregate.com/) nebo portálu Armor Games (http://armorgames.com/). Tyto portály nabízejí hráčům širokou škálu kvalitních her. Protože jsou tyto hry začleněné do webových stránek, musí odpovídat předem vytvořenému rozvržení. Nemůžete si tedy zvolit šířku a výšku hry podle svého přání, protože ji tyto portály nepřijmou.
K1976_sazba.indd 17
5.1.2012 14:49:01
18
Kapitola 1: Hra Concentration
Jak vidíte z výše zobrazeného obrázku, hra není jediným obsahem dané stránky, ale začleňuje se opatrně do složitého rozvržení. Můžete zde narazit na přihlašovací formuláře, reklamy, chatovací místnosti atd. Běžnou chybou je myslet si, že čím větší hra je, tím lepší grafické prvky a více informací můžeme zobrazit. Dobrý návrhář dělá všechno možné, aby vyhověl malým rozlišením. Konzole PSP má rozlišení 480 × 272 a Nintendo DS má rozlišení 256 × 384 rozdělené na dvě části. Obě tyto konzole nabízí úžasné hry.
Poznámka Zahrajte si několik úspěšných her na nejrůznějších herních portálech a zjistíte, že většina z nich používá velikosti 550 × 400 nebo 640 × 480. Pro naši hru použijeme první uvedené rozlišení.
Spusťte vývojové prostředí Adobe Flash a vytvořte nový soubor – pomocí položky Soubor Nový (File New) –, a potom vyberte v okně Nový dokument (New document) položku ActionScript 3.0.
K1976_sazba.indd 18
5.1.2012 14:49:02
Nastavení velikosti scény, snímkové frekvence a barvy pozadí
19
Jakmile vytvoříme dokument, nejprve bychom měli nastavit jeho vlastnosti. Otevřeme okno Vlastnosti (Properties) položkou Okno Vlastnosti (Window Properties). Pravděpodobně uvidíte, že velikost scény je 550 × 400, protože se jedná o výchozí velikost filmu. Klepnutím na tlačítko Upravit (Edit) otevřeme okno Nastavení dokumentu (Document Settings). Pokud nemáte tyto hodnoty ve výchozím nastavení, nastavte šířku na 550 pixelů, výšku na 400 pixelů, barvu pozadí na #FFFFFF (bílou) a kmitočet snímků (snímkovou frekvenci) na 24. Vyšší frekvence snímků znamená hladší animaci, ale také vyšší zátěž procesoru. V této hře nepoužíváme animace, takže ponecháme výchozí hodnotu snímkové frekvence. Rovnou nastavte třídu dokumentu na Main a netrapte se, pokud uvidíte tuto varovnou zprávu:
Jde pouze o varování, že jste nastavili pro aktuální film třídu Main, avšak prostředí Flasch nemůže najít její soubor. Rozehřejte si prsty, přichází čas na programování. Nyní by naše okno Vlastnosti (Properties) mělo vypadat takto:
K1976_sazba.indd 19
5.1.2012 14:49:02
