HTML5 og begrepet "cross platform" er buzz ord, og med god grunn. Teknologien fungerer for smarttelefoner, tabletter, bærbare datamaskiner og stasjonære datamaskiner. Byråer elsker konseptet, fordi en hvilken som helst webdesigner som kjenner HTML, vil forstå HTML5. Hva betyr det for deg , webdesigneren?

  • Flere prosjekter som involverer HTML5
  • Flere prosjekter som dreier seg om interaktivitet
  • Opprette erfaringer for sluttbrukeren til å samhandle med

I hjertet av denne interaktive opplevelsen er casual spill. I denne artikkelen vil jeg vise deg hvordan du kan få en ettertraktet spilldesign opplevelse. Målet? Har "HTML5 spilldesign" på resuméet ditt.

Jeg spiller spill, men ...

Det er en vanlig feil blant webdesignere som designer spill er en spesialisert dyktighet. Du trenger ikke å delta på spilldesignskole, for å designe spill. Alle kan designe spill. La oss først bryte dette inn i deler. Å bygge et spill krever tre hovedtrinn:

  1. utforming av spillet;
  2. produserer visuelle og lydverdier
  3. programmering av spillet.

Som en webdesigner, er den enkleste måten å få erfaring på, gjennom å utforme selve spillet. For punkt 2 og 3 har et byrå vanligvis allerede utpekte artister og programmerere for jobben. Hvis du er god på kunstverk, er 2 svært oppnåelig. I denne artikkelen skal vi diskutere trinn 1. Hvor begynner vi selv? Her er 10 trinn som hver spilldesigner trenger å gå gjennom, for å tjene sine striper.

1) Spill mange casual spill

Har du en iPhone eller Android-telefon? Gå til App Store, gå til det beste gratis spillkartet. Last ned og spill hvert eneste spill i topp 20-listen. Gjør dette minst en gang hver annen uke.

Mens du spiller, vær bevisst på hvordan hvert spill er utformet. Hvilke animasjonsteknikker og mekanikk bruker den? Har figurene skilt ut til deg? Hadde det en historie? Hva fikk spillet til å føle deg? Etter 20-30 spill, begynner du å oppdage mønstre.

image2

Du vil legge merke til at noen spill i kjernen egentlig handler om det samme. F.eks: Clash of Clans, Boom Beach og Hay Day handler om å bygge, forsvare og angripe.

Du vil legge merke til at enkle spill, som Flappy Bird eller Swing Copters fokuserer på veldig harde utfordringer, som kan gjentas uendelig mange ganger.

Du vil legge merke til at noen spill fokuserer på overbevisende historiefortelling med nøye utformede tegn.

Du vil også legge merke til noen rart indie spill, det er bare rettferdig tilfeldig, men veldig morsomt!

2) Lag skisser ... masse dem

Lag skisser av de tingene du liker fra spillene du spilte. Skisse tegn, kart, menyer og brukergrensesnitt. Var det en viss karakter som du likte? Var det en viss vinkel av spillet som gjorde deg begeistret?

Her er et tegn som heter 'Matt'. Han er en kjedelig kontormann, limt til stolen sin:

image3

3) Lag flytdiagrammer

Flow diagrammer beskriver trinn-for-trinn prosessen av spillet. De beskriver punktet hvor brukeren starter spillet helt til viktige hendelser, som seier eller tap. Begynn med enkle diagrammer som dette:

image4

Når du får mer selvsikkerhet, gjenkjenn det på din enkle flyt for å gjøre mer komplekse strømmer.

4) Skriv et spilldesigndokument

Bruk det du lærte fra trinn 1-3, og skriv et forenklet spilldesigndokument (GDD). En GDD forteller i utgangspunktet leseren hva spillet handler om.

Rask eksempel: La oss ta vår karakter kalt "Matt" i trinn 2, og la oss si at han er fanget i en kjedelig kontorjobb. Han vil flykte. Fangsten er, han kan bare gjøre det fra rullestol. Vi har laget en fin skisse av spillskjermbildet. Det viser en labyrint av kontorsskrifter som samler seg for å blokkere Matts flukt.

Bilde 5

Som et eksempel, gjorde vi målet med spillet enkelt. Naviger på kontoret labyrint for å unnslippe det.

Bilde 6

Det er det, for en veldig grunnleggende GDD. Her er det komplette flytskjemaet, for vårt spill, Escape The Office .

Bilde 7

5) Tren din cross-platform tankegang

Med HTML5-spill koker det mye med å kunne kjøre spillet på forskjellige skjermstørrelser, effektivt. Her er en oversikt over forskjellige enheter vi har på markedet: iPhone, iPad, iPod Touch, Samsung Galaxy Note3, Samsung Galaxy Tablet, Google Nexus, LG, Xiaomi, Windows Phone, Windows Laptop, Mac, listen fortsetter og fortsetter ... Lurt ? Likevel er dette det store selskapet gjør. Som en uavhengig designer, hvordan designer du et spill som passer til forskjellige skjermstørrelser?

  1. Fiks spillretningen. Design spillet ditt slik at det virker enten i portrettmodus eller bare liggende modus.
  2. Finn den vanligste spilloppløsningen som fungerer for de fleste enheter. Oppretthold aspektforholdet. Derefter skaleres opp eller ned, avhengig av enhetens oppløsning. Vi finner aspektforhold på 3: 4 (portrett), eller 4: 3 (landskap) mest populære og effektive.
  3. Design lett, casual spill. Ikke gå for det store 3D MMO spillet. I stedet, gå for moro, lyse uformelle opplevelser. Spillet kan være så enkelt som whacking mol, eller hoppe rundt plattformer. Alt under himmelen er rettferdig spill (ingen ordspill ment).
  4. Tegn alltid høyoppløselig kunstverk. Minst 2048px bred som grunnlinje. Det er lettere å skalere enn det er å skalere opp.

6) Begynn pitching

Spør din bedrift (eller klienter) hvis de er interessert i noen spillrelaterte prosjekter. Vis dem dine design. Plasser hjertet ditt ut. Gå dem gjennom GDD.

Din første kamp ide tonehøyde vil ikke være som Shark Tank, være trygg! Sjansen er, de vil tildele et lite budsjett for spillet. Hvis det ikke er budsjett, fortsett å lage bedre design, og nå ut til andre selskaper. Hvis du har ressurser, kan du finansiere dine egne spillprosjekter på det billige.

7) Finn en programmerer

Når du har et budsjett, begynn å lete etter programmerere som spesialiserer seg i spillutvikling. Vis dem dine design, del budsjettet, og fortell dem visjonen. De fleste spillutviklere er veldig hjelpsomme. Det du trenger er en programmerer som er velbevandret i HTML5-spill. Denne personen må vite hvordan å kode noe som skalerer pent for alle slags formfaktorer. Diskuter "cross platform tenkemåte" med programmereren.

8) Slipe

Utviklingen av spillet selv vil ta uker, om ikke måneder, i utgangspunktet. Det vil bli blodsweet og tårer, men det vil alle være verdt opplevelsen. Det er veldig viktig å holde omfanget av spilldesignen veldig, veldig liten, i hvert fall for ditt første prosjekt.

9) Fullfør prosjektet

Nøkkelordet her er "ferdig" prosjektet. Ofte, som designere, ønsker vi et perfekt spill. Null feil. Vakkert utformet spillekunst, med ideelle regler. Kast den tankegangen ut av vinduet. Gå for "god nok". Slip spillet inn i naturen. Ingenting sier det som et spill som er levende, i hendene på brukerne. Du kan alltid polere opp spillet etter lanseringen. Ferdig er bedre enn perfekt.

10) Mål tilbakemelding

Kontroller brukerens svar på spillet ditt. Bruk gratis verktøy som Google Analytics til å spore spillets visninger, spill og hendelser.

Bilde 8

Hvis du designer spill for å få sosial media oppmerksomhet, analyser Facebook-liker, Tweets og Instagram Liker. Undersøk hvordan brukerne reagerte på spillet ditt.