Jak navrhnout hry HTML5
HTML5 a termín "cross platform" jsou buzzová slova a z dobrého důvodu. Tato technologie funguje pro smartphony, tablety, notebooky a stolní počítače. Agentury milují koncept, protože každý webdesignér, který zná HTML, pochopí HTML5. Co pro vás znamená Web Designer?
- Další projekty zahrnující HTML5
- Další projekty se točí okolo interactivity
- Vytváření zkušeností s kontaktem s koncovým uživatelem
Jádrem této interaktivní zkušenosti jsou neformální hry. V tomto článku vám ukážeme, jak můžete získat jistý zážitek z herního designu. Cíl? Vytvořte "HTML5 design hry" na vašem životním díle.
Hraji hry, ale ...
Je častým klamem mezi webovými designéry, že navrhování her je specializovaná dovednost. Nepotřebujete navštěvovat herní školy, navrhovat hry. Každý může navrhnout hry. Za prvé, rozdělíme to na části. Vytvoření hry vyžaduje 3 důležité kroky:
- navrhování hry;
- produkce vizuálních a zvukových prostředků;
- programování hry.
Jako webový designér, nejjednodušší způsob, jak získat zkušenosti, je vytvořením samotné hry. Pro body 2 a 3 agentura zpravidla již určila umělce a programátory pro tuto práci. Pokud jste dobří v uměleckých dílech, 2 je velmi dosažitelné. Pro účely tohoto článku diskutujte krok 1. Kde začít? Zde je 10 kroků, které musí každý návrhář hry projít, aby získal své pruhy.
1) Zahrajte si spoustu neformálních her
Máte iPhone nebo telefon Android? Přejděte do obchodu App Store a přejděte na vrchol grafu volných her. Stahujte a hrajte každou hru v seznamu 20 nejlepších. Proveďte to alespoň jednou za 2 týdny.
Během hraní si uvědomte, jak je hra určena. Které animační techniky a mechanika používají? Vycházely vám postavy? Měla to děj? Co vám dělala hra? Po 20-30 hrách začnete objevovat vzory.
Všimnete si, že některé hry jsou v podstatě stejné. Např .: Střet Klanů, Pláž Boom a Hay Day jsou o budování, obraně a útočení.
Všimnete si, že jednoduché hry, jako je Flappy Bird nebo Swing Copters, se zaměřují na opravdu těžké úkoly, které lze opakovat nekonečně mnohokrát.
Všimnete si, že některé hry se zaměřují na přesvědčivé vyprávění příběhů s pečlivě navrženými postavami.
Také si všimnete pár zvláštních indie her, které jsou prostě náhodné náhodné, ale opravdu zábavné!
2) Vytvořte náčrty ... spousty
Vytvořte náčrty věcí, které se vám líbí z her, které jste hráli. Náčrt znaků, map, nabídek a uživatelských rozhraní. Byla tam určitá postava, která se vám líbila? Byl tam nějaký úhel hry, který vás vzrušoval?
Tady je postava nazvaná "Matt". Je to znuděný kancelář, přilepený k židli:
3) Proveďte diagramy průtoku
Průtokové diagramy popisují krok za krokem hry. Popisují místo, kde uživatel zahájí hru, až po důležité události, jako je vítězství nebo ztráta. Začněte pomocí jednoduchých diagramů, jako je toto:
Jak získáte větší jistotu, opakujte svůj jednoduchý tok, abyste vytvořili složitější toky.
4) Napište dokument pro návrh hry
Pomocí toho, co jste se dozvěděli z kroků 1-3, navrhněte a napište zjednodušený dokument pro návrh hry (GDD). GDD v podstatě říká čtenáři, o čem je hra.
Rychlý příklad: V kroku 2 si vezměme svou postavu nazvanou "Matt" a řekněme, že je uvězněn v nudné kancelářské práci. Chce uniknout. Úlovek je, že to dokáže jen z jeho rolovací židle. Vytvořili jsme čistý náčrt herní obrazovky. Zobrazuje bludiště kancelářských stolů, které spikly, aby zabránily Mattovu útěku.
Jako příklad jsme udělali jednoduchý cíl hry. Projděte bludiště kanceláře, abyste ho unikli.
To je pro velmi základní GDD. Zde je kompletní vývojový diagram, pro naši hru Escape The Office .
5) Trénujte myšlení na platformě
S hrami ve formátu HTML5 se spousta toho snižuje, aby bylo možné spustit hru na různých velikostech obrazovky efektivně. Zde je přehled různých zařízení, které máme na trhu: iPhone, iPad, iPod Touch, Samsung Galaxy Note3, Samsung Galaxy Tablet, Google Nexus, LG, Xiaomi, Windows Phone, Windows Laptop, Mac, seznam pokračuje a on ... ? Přesto to dělají velké společnosti. Jako nezávislý návrhář, jak navrhujete hru, která se hodí pro různé velikosti obrazovky?
- Opravte orientaci hry. Navrhněte svou hru tak, aby fungovala buď v režimu na výšku, nebo pouze v režimu na šířku.
- Najděte nejběžnější rozlišení hry, které funguje pro většinu zařízení. Udržujte poměr stran. Poté zvětšete nebo zmenšujte v závislosti na rozlišení přístroje. Našli jsme poměr stran 3: 4 (portrét) nebo 4: 3 (krajina) nejoblíbenější a efektivní.
- Navrhněte lehké, neformální hry. Nepoužívejte na objemnou hru 3D MMO. Místo toho jděte na zábavu, lehké příležitostné zážitky. Hra by mohla být tak jednoduchá, jako je přepadení krtků nebo skákání kolem plošin. Cokoli pod oblohou je spravedlivá hra (žádná hračka není určena).
- Vždy kreslejte kresby s vysokým rozlišením. Nejméně 2048 pixelů jako základní linie. Je snadnější škálovat, než je to zvětšovat.
6) Začněte vkládání
Zeptejte se své společnosti (nebo klientů), pokud mají zájem o nějaké projekty týkající se hry. Ukažte jim své návrhy. Vydejte své srdce ven. Projděte je přes GDD.
Vaše první hřiště na hru nebude jako Shark Tank, buďte si jisti! Je pravděpodobné, že za tuto hru přidělí malý rozpočet. Pokud nebudete mít žádný rozpočet, pokračujte v tvorbě lepších návrhů a oslovujte jiné společnosti. Pokud máte zdroje, financujte své vlastní herní projekty za levné.
7) Najděte programátora
Jakmile máte rozpočet, začněte hledat programátory, kteří se specializují na vývoj her. Ukažte jim své návrhy, sdílejte rozpočet a dejte jim představu. Většina vývojářů her je velmi užitečná. Potřebujete programátor, který je dobře znám v hrách HTML5. Tato osoba musí vědět, jak kódovat něco, co se pečlivě měří pro všechny druhy tvarových faktorů. Diskutujte o "cross platformovém myšlení" s programátorem.
8) Grind
Vývoj samotné hry bude zpočátku trvat týdny, ne-li měsíce. Bude tam potnínek a slzy, ale bude to všechno za to. Je velmi důležité udržet rozsah vašeho herního designu velmi, velmi malý, alespoň pro váš první projekt.
9) Dokončete projekt
Klíčovým slovem je "dokončit" projekt. Často, jako designéři, chceme perfektní hru. Žádné chyby. Krásně navržené herní umění s ideálními pravidly. Vyhazujte myšlenku z okna. Jděte na "dost dobré". Uvolněte hru do přírody. Nic neříká jako hra, která je v rukou uživatelů. Hraní po startu můžete vždy vylepšit. Hotovo je lepší než dokonalé.
10) Měření zpětné vazby
Zkontrolujte odpovědi uživatelů na hru. Pomocí bezplatných nástrojů, jako je Google Analytics, můžete sledovat názory, hry a události své hry.
Pokud vytváříte hry pro získání pozornosti sociálních médií, analyzujte oblíbené položky Facebook, Tweets a Instagram Likes. Zjistěte, jak uživatelé reagovali na vaši hru.