Share
Questo tutorial ti introdurrà a GameSalad, un motore di creazione di giochi per la prototipazione rapida di giochi 2D senza la necessità di aprire Xcode o Eclipse.
Il motto di GameSalad è "Creazione di giochi per tutti", che riassume accuratamente cos'è GameSalad e perché esiste. Il concetto provoca la domanda: perché la capacità di creare un gioco dovrebbe essere limitata a coloro che possono codificare? Certo, molti sono in grado di leggere alcuni tutorial (molti si trovano qui su Mobiletuts +!) Combinati con alcuni libri sullo sviluppo del gioco nativo e arrivare a un punto in cui possono codificare un gioco da zero. Allo stesso tempo, ci sono molte più persone molto creative che vogliono solo vedere le loro idee prendere vita e avere un po 'il controllo del loro gioco senza tirare su un editor di codice. Ecco dove GameSalad viene in soccorso. Anche per un programmatore come me, GameSalad mi dà l'opportunità di non dover pensare al codice e concentrarsi invece sul gioco reale.
GameSalad utilizza un'interfaccia drag-and-drop che ti permette di mettere insieme il tuo gioco e quindi di assegnare comportamenti a tutti gli elementi del tuo gioco. Hai una buona dose di personalizzazione che puoi applicare al tuo gioco, con poche limitazioni, e quindi avrai un gioco di lavoro ad una velocità molto più veloce rispetto a codifica manuale di tutto. Mentre non dovrai codificare nulla durante l'utilizzo di GameSalad, dovrai avere una piccola comprensione di come i programmi funzionano come il concetto di looping e l'esecuzione condizionale è essenziale.
Ciò significa che GameSalad è il gioco di codifica della mano finale? No, per niente. Ci sono limitazioni a ciò che GameSalad può raggiungere. Uno dei più notevoli è il 3D, dato che GameSalad può solo fare giochi 2D al momento. Non preoccuparti però, queste restrizioni ti costringono solo ad essere più creativo!
Prima di iniziare lo sviluppo con GameSalad, ci sono alcuni prerequisiti che devi ottenere. Avrai bisogno almeno del seguente:
L'ultimo non è una necessità assoluta, ma è sempre bene avere un dispositivo mobile con cui effettuare test.
Come puoi vedere dai prerequisiti sopra, al momento GameSalad è solo per Mac. Tuttavia, a partire dal 17 maggio 2012, hanno annunciato che il creatore del gioco arriverà presto a Windows e qui puoi iscriverti alla versione beta. Non ho ancora effettuato l'accesso alla versione beta, quindi non posso spiegare se esiste un processo diverso per qualsiasi cosa. Sospetto che il processo sia lo stesso o simile, ma sarà comunque necessario accedere a un Mac (e ad un account sviluppatore Apple) per poter pubblicare su App Store iOS. Fortunatamente, GameSalad ha detto che sarete in grado di spostare facilmente i file tra Windows e OS X..
Quindi la prima cosa che dobbiamo fare è andare avanti e andare al sito web GameSalad e cliccare sul link del creatore nella navigazione in alto. Verrà quindi visualizzato un pulsante viola nella parte in alto a destra del contenuto principale e si desidera fare clic su di esso e scaricare il creatore. Se intendi eseguire il test su un dispositivo, puoi andare avanti e scaricare il visualizzatore pertinente (iOS o Android).
Mentre aspetti che i tuoi download finiscano, vai avanti e registrati per un account nella parte in alto a destra del sito. Al momento della registrazione ti verrà chiesto se desideri eseguire l'upgrade dall'account gratuito all'account Pro. Al momento di scrivere un account Pro costa $299. La versione Pro offre molte funzioni extra che non sono nell'account gratuito.
Con l'account gratuito puoi creare giochi con il creatore, testarli sul tuo dispositivo con il visualizzatore, pubblicare sul Web, Mac App Store e iOS App Store (supponendo che tu abbia i certificati Apple pertinenti), avere una schermata iniziale personalizzata e ottieni supporto tecnico di base. Il compromesso è che la versione gratuita mostrerà annunci.
Per l'account Pro ottieni tutto quanto sopra (meno l'annuncio) e la possibilità di pubblicare su Android Market, integrazione con Twitter, integrazione con Game Center, opzioni di monetizzazione aggiuntive, acquisti in-app, link esterni, iAds e supporto tecnico premium . Vale la pena pagare il prezzo, ma per ora è sufficiente un account gratuito.
Quando avvii per la prima volta il creatore, potrai accedere al tuo account e guardare alcuni dei modelli disponibili. Ciò ti aiuterà sia a vedere che cosa è in grado di fare GameSalad, sia come svolgere alcune delle attività.
Sarai nella nuova scheda, che è dove puoi creare un nuovo progetto (da un modello se necessario). Le altre schede sono:
Home: una webview di base per una serie di collegamenti GameSalad.
Novità: mostra gli ultimi aggiornamenti dal blog e le novità nella community di GameSalad.
Inizio: tutorial, Wiki, blog e una guida introduttiva.
Profilo: mostra il tuo profilo di GameSalad, notifiche, messaggi, follower e Mi piace.
Novità: questa è la schermata iniziale.
Recenti: mostra tutti i progetti salvati di recente.
Portfolio: mostra tutte le tue applicazioni pubblicate.
Andiamo avanti e apriamo il progetto Alien Conquest e diamo un'occhiata a come è finito un gioco finito (o parzialmente finito). Quando si fa doppio clic sull'icona del gioco, la prima schermata a cui si arriva è la schermata di panoramica del progetto. Alcune informazioni di base sono presentate qui, tutte piuttosto auto-esplicative. Hai un paio di schede in questa schermata panoramica, che ti portano a panoramiche degli elementi specifici che compongono il tuo gioco. Le scene sono i tuoi livelli e gli attori sono tutti gli altri elementi che fanno un livello.
Fare clic sulla scheda Scene e aprire la scena 1.
Sul lato sinistro abbiamo tutti i nostri componenti e controlli di libreria.
L'ispettore ti permette di scavare in profondità in vari attributi sulla scena o sul gioco nel suo insieme. La Libreria contiene tutti i comportamenti che potresti voler assegnare alla scena, al gioco o agli attori che compongono il gioco (e nella versione pro è qui che controlli l'integrazione e gli iAd di Game Center). Puoi anche guardare tutte le immagini e i suoni che compongono il gioco (ed è qui che li aggiungi anche tu).
Sul lato destro hai il layout della scena. Vai avanti e fai clic sull'anteprima in alto al centro e gioca velocemente con il gioco base. I controlli sono sinistra, destra e spazio per sparare.
Una volta che hai finito, torna alla panoramica della scena e fai doppio clic sulla navicella spaziale nella scena. All'inizio ti verrà presentato uno schermo in grigio con un lucchetto su di esso (ci torneremo più avanti). Per ora, vai avanti e fai clic per sbloccarlo e vedrai qualcosa di seguito:
Qui puoi vedere tutti gli attributi che l'attore di astronave gli ha assegnato.
Rimbalza quando entra in collisione con qualsiasi attore che abbia un tag di Walls.
C'è un set di regole che si verifica solo quando il tasto destro è giù OPPURE l'accelerometro sull'asse X è maggiore di 0,1. Ciò sposta l'attore rispetto alla sua posizione corrente.
Una regola simile per spostarsi a sinistra.
Una regola per quando il pulsante del mouse è inattivo o viene premuto il pulsante dello spazio. Questo spara un proiettile (genera l'attore proiettile) in una posizione relativa all'attore.
Una regola del timer.
Penso che da quanto sopra puoi dire che mentre non stai codificando direttamente il gioco, hai comunque programmato tutti insieme i pezzi del gioco.
Andiamo avanti e aggiungiamo un paio di attributi a questo gioco.
Con il player della nave ancora aperto, vai avanti e fai clic su "Crea regola" nell'angolo in alto a destra della finestra. La regola di creazione viene utilizzata per definire un'azione basata su qualcos'altro che accade. È possibile impostare la regola in modo che reagisca quando si verificano "Tutto" o "Qualsiasi" delle condizioni definite. Impostandolo su "Tutti" si definisce che l'azione può avvenire solo se tutti i requisiti sono soddisfatti. L'impostazione su "Qualsiasi" consentirà all'azione di verificarsi se una delle condizioni è soddisfatta. All'interno di GameSalad, l'inglese è il tuo linguaggio di programmazione. Stiamo per impostare una regola che sposta il nostro attore in avanti quando viene premuto il tasto freccia su.
Vai avanti e crea una regola per quando l'attore riceve l'evento chiave (lo troverai nel menu a discesa) quando il tasto della tastiera su è giù. Quindi trascina il comportamento di spostamento dalla libreria all'area grigia nelle condizioni della regola e imposta la direzione su 90, relativamente all'attore e con il tipo di spostamento dell'additivo. Imposta la velocità a circa 150. È un processo difficile scrivere davvero in istruzioni comprensibili, quindi guarda il video qui sotto.
Ora, quando visualizzi l'anteprima del gioco, puoi premere il tasto Su e andare avanti. L'unico problema è che non possiamo ancora tornare indietro. Torniamo indietro e ora creiamo un'altra regola.
Piuttosto che passare attraverso il processo di click-through per creare un'altra regola e poi trascinare e rilasciare l'attributo move, possiamo semplicemente usare una semplice scorciatoia da tastiera. Tenere premuto il tasto ALT, quindi fare clic e tenere premuto la regola appena creata prima di trascinarla leggermente verso il basso. Rilascia il clic del mouse e la regola è stata duplicata. Ora basta cambiare la chiave da su a giù e la direzione di spostamento a 270. Hit anteprima di nuovo e ora possiamo spostare la nostra nave sia indietro che in avanti. Ma quando completiamo il livello, la nuova nave non ha questi attributi. Potremmo entrare e fare queste regole anche per l'attore, ma c'è un modo più rapido che ci consente di non ripetere continuamente il lavoro già fatto e aiuta anche con le regole riutilizzabili.
Seleziona entrambe le nuove regole (hold-shift e click-to-select) e quindi fai clic su crea gruppo. Queste regole ora vengono raggruppate e possiamo intitolare quel gruppo a qualsiasi cosa ci piaccia.
Le regole di raggruppamento sono utili quando potresti avere un sacco di regole da condividere o un sacco di regole attive su un attributo.
Ora possiamo trascinare e rilasciare il nostro gruppo nella libreria sotto i comportamenti -> Personalizzato. Se torniamo indietro dalla panoramica degli attori e torniamo al nostro ispettore di gioco, puoi scorrere verso il basso l'elenco degli attori fino a quando non vedi l'attore 2. Fare clic su questo attore per inserire la panoramica degli attributi e quindi semplicemente trascinare e rilasciare il comportamento personalizzato. Ora gioca nuovamente e avrai il controllo su e giù per entrambi i giocatori. Di nuovo, un altro video per mostrare visivamente l'azione:
Ora torniamo alla nostra lista degli attori e clicchiamo sul giocatore. Mentre scorri gli attributi, noterai che la regola dello spostamento in avanti e indietro è mancante. Perché? Perché quando abbiamo aggiunto la regola per la prima volta l'abbiamo aggiunta all'istanza di quel particolare giocatore in quella particolare scena. Quello che stiamo guardando qui è il prototipo di quell'attore. Quando si rilascia un attore nella scena, esso eredita tutti gli attributi del suo prototipo, ma è possibile specificare un numero maggiore di regole per una particolare istanza. Ricorda il lucchetto sullo schermo opaco prima quando ci siamo tuffati nelle regole? Questo ci ricordava che stavamo modificando l'istanza dell'attore piuttosto che il suo prototipo. Se quell'attore è stato distrutto in quella scena e abbiamo generato un clone, allora verrebbe generato dal prototipo e non dall'istanza, quindi non avrebbe l'azione in avanti e indietro.
Possiamo trascinare qui il nostro comportamento personalizzato e rilasciarlo nel prototipo. Torna indietro e fai clic sull'attore nella scena e fai clic su "Ripristina in Prototipo" nella parte in alto a sinistra della finestra. Ora l'istanza è la stessa del prototipo.
Prima di iniziare a costruire un gioco, è necessario installare il visualizzatore GameSalad sul nostro dispositivo. Con iOS ottieni un progetto Xcode che devi costruire sul tuo dispositivo iOS. Se non sai come fare, puoi facilmente cercare la documentazione di GameSalad per la procedura passo-passo per la costruzione di un progetto Xcode su un dispositivo. Il visualizzatore Android è semplicemente un APK che puoi installare direttamente sul tuo dispositivo.
Una volta che lo spettatore è attivo e funzionante e connesso allo stesso WiFi, il creatore di GameSalad lo riconoscerà e ti offrirà un'opzione aggiuntiva per l'anteprima sul dispositivo. Il gioco con cui abbiamo giocato non funziona con un dispositivo al momento, quindi creiamo rapidamente qualcosa che funzioni.
Vai avanti e chiudi il gioco e clicca sull'icona Mio grande progetto per avviare un nuovo progetto. È possibile compilare le informazioni sul progetto in qualsiasi momento, quindi lasciatelo per ora e fare clic su scene -> scena iniziale.
Clicca sul + nell'ispettore aggiungere un nuovo attore e poi trascinare l'attore nella scena. Fare doppio clic sul prototipo dell'attore e creare una regola per quando l'attore riceve un evento quando viene premuto il tocco. Dovremo quindi trascinare e rilasciare il comportamento dell'attributo vincolo e modificarlo. Fai clic sui puntini di sospensione e verrà visualizzato il browser degli attributi. Qui è dove possiamo accedere ad altri attributi che potremmo voler usare. Vogliamo contraffare l'attore al tocco (o al mouse), quindi prima vinceremo la posizione X dell'attore. Imposta Attore 1 -> Posizione -> X A: Dispositivo -> Mouse -> Posizione -> X. Mouse e Touch sono trattati allo stesso modo in GameSalad, quindi funzionerà correttamente. Ora fai lo stesso per l'asse Y e visualizza l'anteprima nel creatore o su un dispositivo. Ora potrai fare clic sull'attore e trascinarlo.
Torna alla panoramica della scena iniziale e crea un altro attore e fai clic per accedere alla panoramica del prototipo. Rendi questo attore rosso (vedrai l'attributo color nella lista dell'attributo attore e usa il selettore colori per scegliere il rosso). Aggiungi quell'attore alla scena e poi fai clic sull'attore 1 per aggiungere una nuova regola. Questa regola avverrà quando l'attore riceve evento -> si sovrappone o collide -> con l'attore di tipo -> attore 2, quindi trascina e rilascia l'attributo Visualizza testo e cambia il testo in qualsiasi modo desideri. Visualizza l'anteprima del gioco e trascina l'attore 1 sull'attore 2.
Abbiamo installato GameSalad, verificato alcune delle nozioni di base e avviato un progetto. Ora, sei la creatività è il limite. Guarda alcuni degli altri modelli di giochi e guarda che tipo di giochi puoi creare.
Se vuoi avventurarti ulteriormente in GameSalad, allora dovresti dare un'occhiata al ricettario GameSalad e al GSHelper che sono entrambi pieni di tutorial su tutti i vari aspetti della creazione di giochi con GameSalad. Se desideri vedere più tutorial su GameSalad, lascia un commento qui sotto.
Se vuoi un controllo reale sul tuo codice, GameSalad non fa per te, ma se non vuoi preoccuparti del codice e vuoi semplicemente essere creativo, GameSalad può essere un'ottima soluzione!
Accentsconagua