Hai mai giocato a un gioco online e hai pensato: "Vorrei poterne realizzare uno, ho delle grandi idee"? In passato era necessario aver imparato a programmare in ActionScript 3, il linguaggio che alimenta Flash. Grazie ad alcuni programmi di creazione di giochi, tuttavia, l'esperienza di programmazione è un requisito del passato. Puoi creare giochi divertenti e profondi manipolando oggetti e logica, senza mai toccare una riga di codice.
Passi
Parte 1 di 4: Progettare il gioco
Passaggio 1. Scrivi una descrizione di base
Includi caratteristiche e ciò che vuoi che il giocatore realizzi. È bene avere uno schema di base di ciò che vuoi fare con il tuo gioco scritto in modo che tu possa fare riferimento ad esso mentre ci lavori.
Consulta questa guida per maggiori dettagli sulla scrittura di un documento di progettazione del gioco
Passaggio 2. Disegna alcuni schizzi
Disegna un layout di base di come vuoi che siano gli schermi. Questi non devono essere molto dettagliati, ma dovresti almeno avere un'idea di dove verranno posizionati i vari elementi sullo schermo. Questi saranno incredibilmente utili in seguito quando inizierai a costruire l'interfaccia per il tuo gioco.
Passaggio 3. Scegli un metodo per creare il tuo gioco
Tradizionalmente, dovresti imparare a programmare in ActionScript 3 per creare giochi Flash. Sebbene tu possa ancora farlo, sono disponibili programmi che possono rendere la creazione di giochi molto più facile da imparare che non richiedono esperienza di codifica. Alcune delle opzioni più popolari per creare giochi includono:
- Stencyl - Questo è uno strumento più recente che ti permette di creare giochi usando oggetti e script logici. Questi giochi possono quindi essere convertiti in progetti Flash e caricati su qualsiasi sito Web che supporti i giochi Flash.
- Construct 2 - Man mano che Flash invecchia, ha iniziato a essere sostituito da altri mezzi per creare giochi. Uno dei modi più recenti per creare un gioco online è utilizzare HTML5. Normalmente questo richiede molta conoscenza del codice, ma Construct 2 ti permette di creare giochi usando oggetti e script, proprio come Stencyl.
- Flash Builder - Questo è il metodo tradizionale per creare giochi Flash. Ciò richiede una discreta conoscenza di ActionScript, ma è uno dei linguaggi più facili di cui apprendere le basi. Flash Builder costa denaro, ma puoi utilizzare il programma open source FlashDevelop per ottenere la maggior parte delle stesse funzionalità.
Parte 2 di 4: utilizzo di Stencyl
Passaggio 1. Scarica e installa Stencyl
Stencyl è un programma per la creazione di giochi che non richiede alcuna conoscenza di programmazione. Invece, puoi utilizzare una varietà di strumenti logici per manipolare gli oggetti nel gioco.
Stencyl può essere utilizzato gratuitamente se desideri solo pubblicare il tuo gioco online. La versione gratuita avrà un logo Stencyl all'inizio. Se ottieni la versione a pagamento, puoi pubblicare su altre piattaforme
Passaggio 2. Crea il tuo nuovo gioco
Quando avvii Stencyl, ti verrà mostrato un elenco dei tuoi giochi. Ci saranno diversi giochi di esempio nell'elenco che puoi guardare per vedere come funzionano. Per iniziare a lavorare sul tuo gioco, fai clic sulla casella con la linea tratteggiata denominata "Fai clic qui per creare un nuovo gioco".
Passaggio 3. Selezionare un kit
Esistono diversi kit che contengono risorse e oggetti predefiniti che possono aiutarti a far funzionare rapidamente il tuo gioco. Seleziona un kit se lo desideri o seleziona "Gioco in bianco" se hai intenzione di crearne uno tuo.
Puoi scaricare i kit che altri utenti hanno realizzato online
Passaggio 4. Inserisci le informazioni sul gioco
Prima di iniziare a creare il tuo gioco, dovrai inserire alcune informazioni.
- Nome - Questo è il nome del tuo gioco. Puoi cambiarlo in seguito come preferisci.
- Dimensioni dello schermo - Questa è la dimensione dello schermo del tuo gioco ed è molto importante in quanto influenzerà l'arte che usi. Poiché molto probabilmente le persone giocheranno al tuo gioco all'interno del proprio browser web, la dimensione dello schermo non deve essere molto grande. Prova Larghezza: 640 px Altezza: 480 px. Questa è una buona dimensione per iniziare.
Passaggio 5. Acquisisci familiarità con il layout
Quando carichi per la prima volta il tuo nuovo gioco, verrai indirizzato alla Dashboard. Qui puoi vedere tutte le scene del tuo gioco e accedere a qualsiasi risorsa. Puoi anche modificare le impostazioni di gioco da qui. Trascorrerai la maggior parte del tuo tempo lavorando nella Dashboard.
- Scene - Questa è la finestra principale della Dashboard e mostra il gioco reale e tutte le risorse. Il tuo gioco sarà una raccolta di scene.
- Risorse - Questa è la lista di tutti gli oggetti e le risorse nel tuo gioco. include attori, sfondi, caratteri, scene, logica, suoni e set di riquadri. Le risorse sono organizzate in un albero sul lato sinistro dello schermo.
- Impostazioni: le opzioni Gioco e Impostazioni ti consentono di regolare il funzionamento dei meccanismi di gioco, inclusi controlli, gravità, collisioni, schermate di caricamento e altro.
Passaggio 6. Personalizza un attore
Un attore è qualsiasi oggetto che si muove o con cui si può interagire nel gioco (giocatore, nemico, porte, ecc.). Dovrai creare un attore per ogni oggetto nel tuo gioco. Per creare un attore, fai clic sull'opzione "Tipi di attore" nel menu Risorse. Seleziona l'attore che desideri dall'elenco (l'elenco è determinato dal kit che hai scelto).
- Assegna l'attore a un gruppo (Giocatore, Nemico). Questo aiuterà a determinare le proprietà di collisione dell'attore. Seleziona il tuo attore per aprire l'Actor Editor. Fare clic sulla scheda Proprietà, quindi scegliere il gruppo appropriato dal menu a discesa.
- Aggiungi comportamenti (saltare, calpestare, camminare). I comportamenti sono ciò che consente al tuo attore di eseguire azioni. Fare clic sulla scheda Comportamenti, quindi fare clic sul pulsante "+ Aggiungi comportamento" nell'angolo in basso a sinistra. Seleziona un comportamento (come "Camminare") dall'elenco, quindi fai clic su "Scegli".
- Imposta i controlli. Se stai creando un personaggio giocante, probabilmente vorrai consentire al giocatore di spostarlo. Quando aggiungi il comportamento Camminata, verrai indirizzato alla schermata degli attributi Camminata. Puoi utilizzare i menu a discesa per scegliere quali tasti sposteranno l'attore a sinistra ea destra. Puoi anche assegnare animazioni se il kit che stai utilizzando ne contiene.
- Puoi aggiungere più comportamenti per personalizzare ciò che un attore può fare.
Passaggio 7. Crea una scena
La scena è ciò che il giocatore vede durante il gioco. È lo sfondo, così come tutti gli oggetti e gli attori che sono visibili. Per creare una nuova scena, fai clic sull'opzione Scene nell'albero delle risorse, quindi fai clic sulla casella tratteggiata. Dai un nome alla tua nuova scena per continuare.
- Sfondo - La tua scena verrà ridimensionata automaticamente, quindi non devi preoccuparti di questo al momento. Puoi scegliere di utilizzare un colore come sfondo, su cui verranno posizionate delle tessere. Puoi scegliere tra un colore solido o un gradiente. Fai clic su "Crea" quando hai finito. Questo aprirà lo Scene Designer.
- Posiziona tessere - Il set di tessere incluso nel kit verrà caricato sul lato destro della finestra. Fare clic sullo strumento Matita nel menu a sinistra, quindi fare clic sul riquadro che si desidera utilizzare. È quindi possibile posizionare la tessera sulla scena. Fare clic e trascinare con il mouse per posizionare più tessere.
- Posizionamento degli attori: fai clic sulla scheda Attori sopra il set di riquadri per passare agli attori disponibili. Devi averli creati in precedenza affinché appaiano in questo elenco. Fare clic sull'attore che si desidera posizionare, quindi fare clic nel punto della scena in cui si desidera che appaia. Se tieni premuto Shift, l'attore si aggancerà alla griglia.
- Aggiunta di gravità: fai clic sulla scheda "Fisica" nella parte superiore della finestra, quindi inserisci un valore nel campo "Gravità (verticale)". Entrando in 85 simulerà la gravità del mondo reale.
Passaggio 8. Prova il gioco
Dopo aver creato una scena e posizionato alcuni attori, puoi provare il gioco. Fai clic sul pulsante "Prova gioco" nella parte superiore dello schermo per giocare a ciò che hai finora. Puoi usare i tasti che imposti durante la creazione dei tuoi attori per controllare il tuo personaggio.
Trova gli aspetti che non funzionano e prova a risolverli. Ad esempio, i nemici si comportano correttamente? Riuscirai a sconfiggere i tuoi nemici? Ci sono piattaforme irraggiungibili o baratri che non possono essere attraversati? Torna all'area pertinente del tuo editor di gioco per risolvere i problemi riscontrati. Potrebbe volerci un po' di tempo, ma il risultato finale sarà un gioco molto più divertente e giocabile
Passaggio 9. Aggiungi altro
Ora che hai una prima scena funzionante e giocabile, è il momento di iniziare a costruire l'intero gioco. Aggiungi più livelli e sfide e continua a testare le tue aggiunte per assicurarti che siano divertenti e funzionino correttamente.
Passaggio 10. Sito Blocca il tuo gioco
Se hai intenzione di caricare il gioco su un sito che ospita giochi Flash o di caricarlo sul tuo sito, probabilmente vorrai abilitare "Site Locking". Ciò impedirà la riproduzione del gioco se non è nell'elenco dei siti consentiti.
- Apri "Impostazioni di gioco" dal tuo albero "Risorse". Seleziona la sezione "Caricatore". Inserisci i siti che desideri consentire nel campo "Site Lock", separati da una virgola senza spazi. Ad esempio, newgrounds.com, kongregate.com.
- In questa schermata, inserisci la tua home page nel campo "La tua home page", se ne hai una. Ciò consentirà ai giocatori che giocano al tuo gioco di essere collegati al tuo sito.
Passaggio 11. Esporta il gioco come Flash
Una volta che sei soddisfatto del tuo gioco, puoi esportarlo nel formato Flash. Ciò ti consentirà di caricare il gioco su un sito che ospita giochi Flash o sul tuo sito web. Clic Pubblicare selezionare Web e quindi fare clic su Flash. Salva il file in una posizione facile da trovare sul tuo computer.
Passaggio 12. Pubblica il gioco
Una volta che hai il tuo file Flash (. SWF), puoi caricarlo sull'host di tua scelta. Ci sono una varietà di siti online che ospitano giochi Flash e alcuni potrebbero persino farti guadagnare dalle entrate pubblicitarie con il tuo gioco. Puoi anche caricare il tuo gioco sul tuo sito web, ma vorrai assicurarti di avere la larghezza di banda per soddisfare i giocatori se il gioco diventa popolare.
- Consulta questa guida per caricare il tuo gioco sul tuo sito web.
- Se desideri caricare il tuo gioco su un sito come Newgrounds o Kongregate, dovrai creare un account e quindi eseguire il processo di caricamento per il sito. I termini e le condizioni variano da sito a sito.
- Se desideri pubblicare il tuo gioco su Stencyl Arcade, puoi farlo dall'interno del Programma Stencyl. Clic Pubblicare selezionare Stencyl e quindi fare clic su Arcade. Il gioco verrà caricato automaticamente, quindi assicurati di essere soddisfatto del nome prima di farlo. Stencyl Arcade ha un limite di dimensione del file di 8 MB.
Parte 3 di 4: utilizzo di Construct 2
Passaggio 1. Scarica e installa Construct 2
Questo programma ti consente di creare giochi HTML5 con pochissima codifica. Dovrai assegnare alcune variabili, ma tutto questo viene fatto tramite menu senza che sia necessaria una codifica effettiva.
Construct 2 è gratuito, anche se alcune funzionalità sono limitate a meno che non si aggiorni. La versione gratuita non può essere pubblicata su piattaforme diverse da HTML5
Passaggio 2. Creare un nuovo progetto
Quando avvii Construct 2 per la prima volta, verrai accolto con un menu di benvenuto. Fare clic sul collegamento "Nuovo progetto" per iniziare un nuovo gioco. Ci sono anche un paio di esempi inclusi che puoi usare per vedere come vengono creati i giochi di base.
Quando crei un nuovo progetto, ti verrà fornito un elenco di modelli. Per il tuo primo progetto, probabilmente vorrai iniziare con un progetto vuoto. Ciò ti consentirà di acquisire le nozioni di base senza che i modelli si intromettano
Passaggio 3. Modifica le impostazioni del progetto
Nel riquadro sinistro della finestra del progetto, vedrai una serie di elementi nel riquadro Proprietà. Puoi usarlo per impostare le dimensioni dello schermo e inserire le informazioni sul gioco e sull'azienda.
Passaggio 4. Inserisci uno sfondo
Fare doppio clic sul layout. Seleziona "Sfondo piastrellato" dalla sezione Generale. Fare clic sul layout per posizionare lo sfondo. Questo aprirà l'editor di sfondo. Dovrai crearne uno tuo utilizzando un software di modifica delle immagini o scaricare trame da una varietà di posizioni online.
- Imposta lo sfondo alla dimensione del layout. Per farlo, seleziona l'oggetto di sfondo e modifica le dimensioni nel riquadro Proprietà.
- Cambia il nome del livello e bloccalo. Ti consigliamo di bloccare il livello per evitare di spostarlo accidentalmente mentre posizioni altri oggetti. Fare clic sulla scheda "Livelli" sul lato destro dello schermo. Seleziona il livello e fai clic sull'icona Matita. Assegna al livello il nome "Sfondo", quindi fai clic sul pulsante "Lucchetto" per bloccare lo sfondo.
Passaggio 5. Crea un nuovo livello
Nella scheda Livelli, fai clic sul pulsante "+" per creare un nuovo livello. Rinominalo in "Principale". Questo sarà il livello su cui risiede la maggior parte dei tuoi oggetti di gioco. Assicurati che il livello principale sia selezionato prima di continuare.
Passaggio 6. Aggiungi input per il tuo gioco
In Construct 2, i tuoi input dovranno essere aggiunti come oggetti al tuo gioco. Sono invisibili e consentiranno l'uso di tastiera e mouse durante tutto il progetto.
Fare doppio clic sul layout e selezionare "Mouse" dalla sezione Input. Fai lo stesso per inserire l'oggetto "Tastiera"
Passaggio 7. Aggiungi oggetti
È ora di iniziare ad aggiungere alcuni oggetti di gioco al tuo layout. Fare doppio clic sul layout e selezionare "Sprite" dalla sezione Generale. Usa il mirino per scegliere dove vuoi posizionare lo sprite. Si aprirà l'editor di immagini, che ti consentirà di caricare uno sprite esistente o di crearne uno nuovo.
Quando selezioni gli sprite sul tuo layout, le proprietà dello sprite verranno caricate nel frame di sinistra. Cambia il nome dello sprite in modo da poterlo identificare e fare riferimento più facilmente
Passaggio 8. Aggiungi comportamenti ai tuoi oggetti
Per aggiungere un comportamento, fai clic sull'oggetto a cui desideri aggiungere un comportamento completo per selezionarlo. Fare clic sul collegamento "Aggiungi/modifica" nella sezione Comportamenti del riquadro Proprietà. Apparirà un elenco di comportamenti disponibili.
I comportamenti sono parti logiche preconfigurate che ti consentono di aggiungere rapidamente funzionalità ai tuoi oggetti. Puoi scegliere tra un'ampia varietà di comportamenti predefiniti che possono eseguire una vasta gamma di funzioni. Ad esempio, per rendere solido il pavimento, assegnagli il comportamento "Solido". Per spostare il personaggio del giocatore in otto direzioni, assegnagli il comportamento di "movimento in 8 direzioni"
Passaggio 9. Modificare le proprietà del comportamento
Puoi modificare i comportamenti esistenti per personalizzare il modo in cui funzionano i tuoi oggetti. È possibile modificare i valori per modificare la velocità, la direzione e altre proprietà.
Passaggio 10. Comprendi come funzionano gli eventi
Gli eventi sono un elenco di condizioni e sono ciò che guida il gioco. Se le condizioni sono soddisfatte, l'evento si verifica. Se le condizioni non sono soddisfatte, l'evento non si verifica. Il foglio degli eventi viene in genere eseguito circa 60 volte al secondo. Ogni volta che viene eseguito viene chiamato "tick".
Passaggio 11. Creare un evento
Fare doppio clic nel foglio Evento vuoto. Apparirà un elenco di oggetti disponibili. Seleziona l'oggetto per cui vuoi creare un evento oppure puoi creare un evento di sistema.
- Selezionare quando si verifica l'azione. Dopo aver selezionato l'oggetto, ti verrà chiesto di selezionare quando l'evento dovrebbe verificarsi. Questo può essere basato su altri eventi o in determinati momenti. "Ogni segno di spunta" è sempre.
- Aggiungi un'azione. Ti verrà chiesto di selezionare uno dei tuoi oggetti. Scegli da un elenco di azioni. Ad esempio, se stai realizzando uno sparatutto dall'alto verso il basso e desideri che il personaggio del giocatore guardi sempre il mouse, creerai un'azione "Imposta l'angolo verso la posizione" su ogni segno di spunta impostato sull'oggetto Giocatore. Quando ti vengono richieste le coordinate, inserisci "Mouse. X" per X e "Mouse. Y" per Y. Ciò manterrà la nave del giocatore sempre puntata verso il cursore.
Passaggio 12. Aggiungi altri eventi e comportamenti
Queste sono la spina dorsale del tuo gioco. L'aggiunta e la modifica di comportamenti ed eventi ti aiuterà a creare un gioco unico e divertente a cui le persone chiederanno a gran voce di giocare. Sperimenta con diversi eventi per cercare di ottenere il gioco esatto che desideri.
Passaggio 13. Aggiungi alcune variabili
Esistono due tipi di variabili in Construct 2: variabili di istanza e variabili globali. Questi ti consentono di impostare valori personalizzati per i tuoi oggetti e il gioco, come salute, limiti di tempo, punteggi e altro.
- Variabili di istanza - Le variabili di istanza sono variabili assegnate a singoli oggetti. Sono usati per cose come la salute del nemico e del giocatore. È possibile aggiungere variabili di istanza dopo aver selezionato un oggetto facendo clic sul collegamento "Aggiungi/modifica" nella sezione Variabili del riquadro Proprietà. Assegna alla variabile un nome a cui fare riferimento in un evento, nonché un valore iniziale.
- Variabili globali - Le variabili globali sono variabili assegnate all'intero gioco. Sono usati per cose come il punteggio del giocatore. Per creare una variabile globale, apri il foglio Evento e fai clic con il pulsante destro del mouse su uno spazio vuoto. Fai clic su "Aggiungi variabile globale", assegnagli un nome a cui fare riferimento in un evento, quindi inserisci un valore iniziale.
Passaggio 14. Crea un'interfaccia
Quando si crea un'interfaccia, di solito è meglio farlo su un nuovo livello. Questo perché l'interfaccia si sposta o cambia raramente, quindi è bene averla su un livello bloccato. Nel riquadro Proprietà per il nuovo livello, imposta "Parallasse" su 0. Ciò impedirà al livello di scorrere quando lo schermo lo fa.
Usa caselle di testo e variabili per creare la tua interfaccia. Puoi impostare le tue caselle di testo per visualizzare la salute rimanente, il punteggio, le munizioni o qualsiasi altra cosa che il giocatore avrebbe bisogno di vedere su base regolare
Passaggio 15. Prova e rivedi il tuo gioco
Ora che hai alcuni oggetti sullo schermo con eventi e comportamenti, puoi iniziare a testare e aggiungere contenuti. Fai clic sul pulsante "Gioca" nella parte superiore dello schermo per creare e testare il gioco. Prendi nota di tutto ciò che non ha funzionato e prova a risolverlo in modo che il tuo gioco sia giocabile e divertente.
Passaggio 16. Esporta il gioco
Se sei soddisfatto del tuo gioco, puoi esportarlo in modo che possa essere caricato su un sito Web e giocato da chiunque. Per esportare il gioco, fai clic su File menu e selezionare Esporta. Salva il progetto in una posizione facilmente individuabile.
Passaggio 17. Pubblica il gioco
Esistono diversi siti che ti consentono di caricare giochi HTML5 per farli giocare ad altri. Puoi anche aggiungere il gioco al tuo sito web. Consulta questa guida per i dettagli su come caricare il gioco sul tuo sito web.
Parte 4 di 4: codifica da zero
Passaggio 1. Scarica un IDE di programmazione (Ambiente di sviluppo integrato) che supporti HTML come Game Maker Studio
Alcuni sono disponibili gratuitamente anche se molti dei migliori IDE costano centinaia di dollari.
Passaggio 2. Impara a usare l'IDE
Imparare a programmare nel tuo ambiente è incredibilmente importante. Memorizzare la maggior parte del codice comune e imparare a implementare le cose correttamente può richiedere settimane o addirittura mesi. Abbi pazienza e tutto ti ripagherà!
Passaggio 3. Crea il tuo gioco quando pensi di essere pronto
Fare un documento di progettazione o annotare alcune idee è un ottimo inizio. La programmazione di un gioco può richiedere mesi o, se sei seriamente intenzionato a ottenere un successo, anche un anno o due.
Passaggio 4. Prova il gioco
Assicurati di provare a fare cose folli o inaspettate e di eliminare il maggior numero di bug che puoi. Prova anche a determinare se il gameplay è come volevi o se devi tornare indietro e apportare modifiche.
Passaggio 5. Pubblicalo
Pubblica il tuo gioco online su un sito web come Kongregate. Dovresti essere preparato a critiche costruttive e potresti voler aggiornare il tuo gioco per soddisfare i desideri della tua base di giocatori.
Suggerimenti
- Se sei più interessato a conoscere il codice alla base dei giochi Flash, puoi utilizzare Flash Builder e il codice ActionScript 3 per creare giochi personalizzati. Questo richiederà più tempo, ma potrebbe tradursi in un'esperienza più unica. Consulta questa guida per i dettagli sulla programmazione in Actions Script 3.
- Dai credito a tutte le fonti da cui hai preso idee o contenuti e a tutti gli altri che hanno contribuito a creare il gioco.
