HTML5-pelien suunnittelu
HTML5 ja termi "cross platform" ovat buzz-sanoja ja hyvää syytä. Tekniikka toimii älypuhelimille, tabletteille, kannettaville tietokoneille ja pöytätietokoneille. Agentit rakastavat konseptia, koska jokainen web-suunnittelija, joka tuntee HTML, ymmärtää HTML5: n. Mitä se tarkoittaa sinulle , Web Designer?
- Lisää hankkeita, joihin liittyy HTML5
- Lisää hankkeita, jotka kiertävät interaktiivisuutta
- Luo kokemuksia loppukäyttäjälle vuorovaikutuksessa
Tämän vuorovaikutteisen kokemuksen ydin on rento pelejä. Tässä artikkelissa näytän, kuinka voit saada haluamasi pelisuunnittelun. Maali? Pyydä "HTML5-pelisuunnittelua" omalla resurssilla.
Pelaan pelejä, mutta ...
Se on yleinen harha web-suunnittelijoiden keskuudessa, että pelin suunnittelu on erikoistunut taito. Sinun ei tarvitse osallistua pelisuunnittelukouluun, suunnitella pelejä. Jokainen voi suunnitella pelejä. Ensinnäkin, katkaista tämä osaksi. Pelin rakentaminen edellyttää 3 suurta vaihetta:
- pelin suunnittelu;
- visuaalisten ja audiovälineiden tuottaminen;
- pelin ohjelmointi.
Web-suunnittelija, helpoin tapa saada kokemuksia, on itse pelin suunnittelussa. Kohdissa 2 ja 3 virasto on tyypillisesti jo määrittänyt taiteilijoita ja ohjelmoijia työstä. Jos olet hyvä kuvamateriaali, 2 on erittäin saavutettavissa. Tässä artikkelissa keskustellaan vaiheesta 1. Mistä aloitamme? Tässä on 10 askelta, jotka jokainen pelisuunnittelija tarvitsee käydä läpi ansaita raitojaan.
1) Pelaa paljon rento pelejä
Onko iPhone tai Android-puhelin? Siirry App Storesta, pistä yläosassa oleva ilmainen pelikartta. Lataa ja pelaa jokaisen pelin 20 parhaan joukossa. Tee tämä vähintään kerran kahdessa viikossa.
Kun pelaat, ole tietoinen siitä, miten jokainen peli on suunniteltu. Mikä animaatiotekniikka ja mekaniikka käyttävät sitä? Ovatko hahmot erottuneet sinulle? Onko se tarina? Mikä sai sinut tuntemaan pelin? 20-30 pelin jälkeen aloitat hahmosi.
Huomaat, että jotkut peleistä, jotka ovat ytimessä, ovat todellakin samankaltaisia. Esim. Clans of Clans, Boom Beach ja Hay Day liittyvät rakentamiseen, puolustamiseen ja hyökkäykseen.
Huomaat, että yksinkertaiset pelit kuten Flappy Bird tai Swing Copters keskittyvät todella kovaihin haasteisiin, joita voidaan toistaa äärettömän monta kertaa.
Huomaat, että jotkut pelit keskittyvät pakottaviin tarinoihin huolellisesti suunnitelluilla hahmoilla.
Huomaat myös muutamia outoja indie-pelejä, jotka ovat vain suorastaan satunnaisia mutta todella hauskoja!
2) Tee sketsejä ... paljon heitä
Tee piirroksia asioista, joista pidät pelistä, joita pelasit. Luonnosmerkit, kartat, valikot ja käyttöliittymät. Oliko tietty merkki, jota pidit? Oliko pelin tietty kulma, joka sai sinut innostumaan?
Tässä on merkki nimeltä Matt. Hän on kyllästynyt toimisto kaveri, liimattu hänen tuoliinsa:
3) Tee vuokaavio
Virtauskaaviot kuvaavat pelin vaiheittaista prosessia. He kuvaavat pistettä, jossa käyttäjä aloittaa pelin, aina tärkeisiin tapahtumiin, kuten voittoon tai menetykseen. Aloita yksinkertaisilla kaavioilla kuten tämä:
Kun luotat enemmän luotettavuutta, toista yksinkertaiseen virtaukseenne tehdäkseen monimutkaisempia virtoja.
4) Kirjoita pelisuunnitelma
Käyttämällä Steps 1-3 -ohjelmasta saatuja ohjeita voit suunnitella ja kirjoittaa yksinkertaistettu pelisuunnitteluasiakirja (GDD). GDD kertoo lukijalle, mitä peli on kyse.
Nopea esimerkki: Otetaan merkki "Matt" vaiheessa 2, ja sanotaan, että hän on loukussa tylsää toimistotyötä. Hän haluaa paeta. Saalis on, hän voi tehdä sen vain pyörivällä tuolillaan. Olemme tuottaneet pelinäytön siistin luonnoksen. Se näyttää sokkeloiden toimisto-oheistuotteita, jotka sekaantuvat estämään Mattin paeta.
Esimerkiksi pelin tavoite oli yksinkertainen. Selaa toimisto sokkelo paeta.
Se on se, hyvin yksinkertainen GDD. Tässä on täydellinen vuokaavio pelistämme, Escape The Office .
5) Harjoittele monipuolista ajattelutapaa
HTML5-pelien avulla on paljon, että se pystyy käyttämään peliä eri näytön kooissa tehokkaasti. Seuraavassa on erilaisia laitteita, joita meillä on markkinoilla: iPhone, iPad, iPod Touch, Samsung Galaxy Note3, Samsung Galaxy Tablet, Google Nexus, LG, Xiaomi, Windows Phone, Windows-kannettava, Mac, luettelo jatkuu ... Naurettava ? Tämä on kuitenkin suuryritysten tekemä. Koska itsenäinen suunnittelija, miten suunnitella peli, joka sopii eri näytön koot?
- Korjaa pelin suunta. Suunnittele pelisi niin, että se toimii joko pystytilassa tai vain maisematilassa.
- Löydä tavallisin peliresoluutio, joka toimii useimmissa laitteissa. Pidä kuvasuhde. Sitten suurenna ylös tai alas, riippuen laitteen tarkkuudesta. Löydämme kuvasuhteita 3: 4 (muotokuva) tai 4: 3 (maisema) suosituimpia ja tehokkaimpia.
- Design kevyt, rento pelejä. Älä mene suurikokoiselle, 3D MMO-pelille. Sen sijaan käy hauska, kevyt rento kokemuksia. Peli voisi olla niin yksinkertainen kuin murskaus, tai hyppääminen alustoilla. Kaikki taivaan alla on reilua peliä (ei pelitonta).
- Nosta aina korkean resoluution taideteoksia. Vähintään 2048px leveä perusviivana. On helpompaa laskea alaspäin kuin on skaalata.
6) Aloita pikeys
Kysy yritykseltäsi (tai asiakkailta), jos he ovat kiinnostuneita kaikista peliprojekteista. Näytä heille malleja. Pitch your heart ulos. Kävele heidät GDD: n läpi.
Ensimmäinen peli-ideapeli ei ole kuin Shark Tank, ole varma! Mahdollisuudet ovat, he myöntävät pienen budjetin pelille. Jos budjettia ei ole, jatketaan parempia malleja ja tavoitetaan muita yrityksiä. Jos sinulla on resursseja, rahoita omat pelihankkeet halvalla.
7) Etsi ohjelmoija
Kun sinulla on budjetti, aloita etsiä ohjelmoijia, jotka ovat erikoistuneet pelin kehittämiseen. Näytä heille malleja, jaa talousarvio ja kerro heille visio. Useimmat pelin kehittäjät ovat erittäin hyödyllisiä. Tarvitset ohjelmoija, joka on hyvin perehtynyt HTML5-peleihin. Tämän henkilön on tiedettävä, miten koodata jotain, joka skaalaa kauniisti kaikenlaisten muotojen tekijöille. Keskustele "cross platform -mallin" kanssa ohjelmoija.
8) Grind
Pelin kehittäminen kestää viikkoja, ellei kuukausia aluksi. Veren hiki ja kyyneleet tulevat, mutta kaikki on kokemuksen arvoista. On erittäin tärkeää säilyttää pelisuunnittelun laajuus hyvin, hyvin pienenä, ainakin ensimmäisestä projektista.
9) Lopeta hanke
Avainsana tässä on "viimeistely" projekti. Usein suunnittelijoina haluamme täydellisen pelin. Zero-vikoja. Kauniisti suunniteltu pelitaide, jossa on ihanteelliset säännöt. Heitä tämä ajattelutapa ulos ikkunasta. Mene "tarpeeksi hyväksi". Vapauta peli villi. Mikään ei sano sitä kuin peli, joka on elää käyttäjän käsissä. Voit aina pelata pelin jälkikäteen. Valmis on parempi kuin täydellinen.
10) Mittaa palautetta
Tarkista käyttäjän vastaukset peliisi. Käytä ilmaisia työkaluja, kuten Google Analyticsia, jotta voit seurata pelin näkemyksiä, näytelmiä ja tapahtumia.
Jos suunnittelet pelejä saadaksesi sosiaalisen median huomiota, analysoi Facebookin tykkää, Tweets ja Instagram-tykkää. Tutki, miten käyttäjät reagoivat peliisi.