Come progettare giochi HTML5
HTML5 e il termine "cross platform" sono parole d'ordine, e per una buona ragione. La tecnologia funziona per smartphone, tablet, laptop e desktop. Le agenzie adorano il concetto, perché qualsiasi web designer che conosce l'HTML capirà HTML5. Cosa significa per te , il Web Designer?
- Più progetti che coinvolgono HTML5
- Più progetti che ruotano attorno all'interattività
- Creare esperienze per l'utente finale con cui interagire
Nel cuore di questa esperienza interattiva, ci sono giochi casuali. In questo articolo, ti mostrerò come puoi ottenere l'ambita esperienza di game design. L'obiettivo. il gol? Avere "HTML5 game design" nel tuo curriculum.
Io gioco, ma ...
È un errore comune tra i web designer che progettare giochi sia un'abilità specializzata. Non è necessario frequentare la scuola di game design, progettare giochi. Chiunque può progettare giochi. Innanzitutto, suddividiamolo in parti. Costruire un gioco richiede 3 passaggi principali:
- progettare il gioco;
- produrre il patrimonio visivo e audio;
- programmare il gioco.
Come web designer, il modo più semplice per acquisire esperienza è attraverso la progettazione del gioco stesso. Per i punti 2 e 3, un'agenzia in genere ha già artisti e programmatori designati per il lavoro. Se sei bravo in artwork, 2 è altamente raggiungibile. Per gli scopi di questo articolo, discutiamo del passaggio 1. Dove iniziamo? Ecco 10 passaggi che ogni sviluppatore di giochi deve attraversare per guadagnare le proprie strisce.
1) Gioca a molti giochi casuali
Hai un iPhone o un telefono Android? Vai all'App Store, vai alla classifica dei giochi gratuiti. Scarica e gioca ogni singolo gioco nella lista dei primi 20. Fatelo almeno una volta ogni 2 settimane.
Mentre stai giocando, sii consapevole di come ogni gioco è stato progettato. Quali tecniche e meccaniche di animazione sta usando? I personaggi si sono distinti per te? Aveva una trama? Cosa ti ha fatto sentire il gioco? Dopo 20-30 giochi, inizierai a individuare i modelli.
Noterai che alcuni giochi, al centro, sono praticamente la stessa cosa. Ad esempio: Clash of Clans, Boom Beach e Hay Day riguardano la costruzione, la difesa e l'attacco.
Noterai che i giochi semplici, come Flappy Bird o Swing Copters, si concentrano su sfide davvero difficili, che possono essere ripetute un numero infinito di volte.
Noterai che alcuni giochi si concentrano sulla narrazione avvincente con personaggi accuratamente progettati.
Noterai anche alcuni strani giochi indie, che sono davvero casuali ma davvero divertenti!
2) Fai schizzi ... molti di loro
Fai schizzi delle cose che ti piacciono dai giochi che hai giocato. Disegna personaggi, mappe, menu e interfacce utente. C'era un certo personaggio che ti piaceva? C'era un certo angolo del gioco che ti rendeva eccitato?
Ecco un personaggio chiamato "Matt". È un tipo da ufficio annoiato, incollato alla sua sedia:
3) Creare diagrammi di flusso
I diagrammi di flusso descrivono il processo passo-passo del gioco. Descrivono il punto in cui l'utente inizia il gioco, fino agli eventi importanti, come una vittoria o una perdita. Inizia con diagrammi semplici come questo:
Man mano che acquisisci maggiore sicurezza, esegui l'iterazione sul tuo flusso semplice per creare flussi più complessi.
4) Scrivi un documento di progettazione del gioco
Usando ciò che hai imparato dai Passi 1-3, progetta e scrivi un documento di progettazione di gioco semplificato (GDD). Un GDD fondamentalmente dice al lettore di cosa tratta il gioco.
Esempio rapido: prendiamo il nostro personaggio chiamato "Matt" al punto 2, e diciamo che è intrappolato in un noioso lavoro d'ufficio. Vuole fuggire. Il problema è che può farlo solo dalla sedia a rotelle. Abbiamo prodotto uno schizzo accurato della schermata di gioco. Mostra un labirinto di scrivanie che cospirano per bloccare la fuga di Matt.
Ad esempio, abbiamo reso l'obiettivo del gioco semplice. Naviga nel labirinto dell'ufficio per sfuggirlo.
Questo è tutto, per un GDD molto semplice. Ecco il diagramma di flusso completo, per il nostro gioco, Escape The Office .
5) Allena la tua mentalità multipiattaforma
Con i giochi HTML5, molti di essi si riducono a essere in grado di eseguire il gioco su schermi di dimensioni diverse, in modo efficiente. Ecco una carrellata di diversi dispositivi che abbiamo sul mercato: iPhone, iPad, iPod Touch, Samsung Galaxy Note3, Samsung Galaxy Tablet, Google Nexus, LG, Xiaomi, Windows Phone, Windows Laptop, Mac, l'elenco potrebbe continuare ... Ridicolo ? Eppure, questo è quello che fanno le grandi aziende. Come designer indipendente, come si progetta un gioco che si adatta a schermi di dimensioni diverse?
- Correggi l'orientamento del gioco. Progetta il tuo gioco in modo tale che funzioni sia in modalità verticale che orizzontale.
- Trova la risoluzione di gioco più comune che funzioni per la maggior parte dei dispositivi. Mantenere le proporzioni. Quindi, aumenta o diminuisci, a seconda della risoluzione del dispositivo. Troviamo rapporti di aspetto di 3: 4 (verticale) o 4: 3 (orizzontale) più popolari ed efficienti.
- Progetta giochi leggeri e casual. Non andare per l'ingombrante gioco 3D MMO. Invece, vai per divertimento, leggere esperienze casuali. Il gioco potrebbe essere semplice come lanciare talpe o saltare su piattaforme. Qualsiasi cosa sotto il cielo è un gioco leale (nessun gioco di parole).
- Disegna sempre disegni ad alta risoluzione. Almeno 2048 px come linea di base. È più facile ridimensionare che scalare.
6) Iniziare a lanciare
Chiedi alla tua azienda (o ai tuoi clienti) se sono interessati a progetti relativi ai giochi. Mostra loro i tuoi disegni. Tira fuori il tuo cuore. Cammina attraverso il GDD.
La tua prima idea di gioco non sarà come Shark Tank, stai certo! È probabile che stanzieranno un piccolo budget per il gioco. Se non c'è un budget, continua a fare progetti migliori e ad andare in contatto con altre aziende. Se hai le risorse, finanzia i tuoi progetti di gioco a buon mercato.
7) Trova un programmatore
Una volta che hai un budget, inizia a cercare programmatori specializzati nello sviluppo del gioco. Mostra loro i tuoi disegni, condividi il budget e racconta loro la visione. La maggior parte degli sviluppatori di giochi è molto utile. Quello di cui hai bisogno è un programmatore esperto nei giochi HTML5. Questa persona deve sapere come codificare qualcosa che si adatta bene a tutti i tipi di fattori di forma. Discutere la "mentalità cross platform" con il programmatore.
8) Grind
Lo sviluppo del gioco stesso richiederà inizialmente settimane, se non mesi. Ci saranno sudore di sangue e lacrime, ma valuterà tutto l'esperienza. È molto importante mantenere l'ambito del design del gioco molto, molto piccolo, almeno per il tuo primo progetto.
9) Termina il progetto
La parola chiave qui è "finire" il progetto. Spesso, come designer, vogliamo un gioco perfetto. Zero bug Un'arte di gioco splendidamente progettata, con regole ideali. Buttare quella mentalità fuori dalla finestra. Vai per "abbastanza buono". Rilascia il gioco in natura. Niente lo dice come un gioco live, nelle mani degli utenti. Puoi sempre perfezionare il gioco dopo il lancio. Fatto e 'meglio che perfetto.
10) Misurare il feedback
Controlla le risposte degli utenti al tuo gioco. Utilizza strumenti gratuiti come Google Analytics per monitorare visualizzazioni, giochi ed eventi del tuo gioco.
Se stai progettando giochi per attirare l'attenzione dei social media, analizza i Mi piace di Facebook, i Tweet e i Mi piace su Instagram. Studia come gli utenti hanno reagito al tuo gioco.