Hai mai giocato a un gioco online e hai pensato: "Voglio fare qualcosa del genere, ho delle grandi idee"? In passato dovevi imparare a programmare in ActionScript 3, il linguaggio che alimenta Flash. Tuttavia, grazie ad alcuni programmi di creazione di giochi, l'esperienza di codifica è un ricordo del passato. Puoi rendere i giochi divertenti e coinvolgenti manipolando oggetti e logica, senza toccare alcuna riga di codice.
Fare un passo
Metodo 1 di 3: Progettazione di giochi
Passaggio 1. Scrivi una descrizione di base
Inserisci le caratteristiche e cosa vuoi che il giocatore ottenga. È fantastico avere uno schema di base di ciò che vuoi fare con il tuo gioco per iscritto in modo da poterlo vedere mentre ci lavori.
Consulta questa guida per maggiori dettagli sulla scrittura di documenti di progettazione del gioco
Passaggio 2. Disegna alcuni schizzi
Disegna il design di base dello schermo nel modo desiderato. Non deve essere molto dettagliato, ma dovresti almeno avere un'idea di dove verranno posizionati i vari elementi sullo schermo. Questo tornerà utile in seguito quando inizierai a creare l'interfaccia per il tuo gioco.
Passaggio 3. Scegli un metodo per creare il tuo gioco
Inizialmente, devi imparare il codice per ActiopnScript3 per creare giochi Flash. Sebbene tu possa ancora farlo, sono disponibili programmi che possono rendere la creazione di giochi più facile da imparare e non richiedono esperienza di codifica. Alcune scelte popolari per la creazione di giochi includono:
- Stencyl: questo è uno strumento più recente che ti consente di creare giochi utilizzando script e logica di oggetti. Questo gioco può quindi essere convertito in un progetto Flash e caricato su qualsiasi sito Web che supporti i giochi Flash.
- Construct 2 – Man mano che Flash invecchia, dovrebbe iniziare a essere sostituito da altri modi di creare giochi. Uno dei modi più recenti per creare giochi online è utilizzare HTML5. Di solito ciò richiede molta conoscenza della codifica, ma Construct 2 ti consente di creare giochi utilizzando oggetti e script, come Stencyl.
- Flash Builder – Questo è il metodo tradizionale per creare giochi Flash. Richiede una discreta conoscenza di ActionScript, ma è uno dei linguaggi di base più facili da imparare. Flash Builder costa denaro, ma puoi usare il programma aperto FlashDevelop per molti degli stessi usi.
Metodo 2 di 3: utilizzo di Stencyl
Passaggio 1. Scarica e installa Stencyl
Stencyl è un programma per la creazione di giochi che non richiede alcuna conoscenza di codifica. Puoi usare vari strumenti logici per manipolare gli oggetti nel gioco.
Stencyl può essere utilizzato gratuitamente solo se desideri pubblicare il tuo gioco online. La versione gratuita avrà il logo Stencyl che appare 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 alcuni giochi di esempio nell'elenco a cui puoi dare un'occhiata per vedere come funzionano. Per iniziare a lavorare sul tuo gioco, fai clic sulla casella punteggiata denominata "Fai clic qui per creare un nuovo gioco".
Passaggio 3. Scegli un kit
Esistono diversi kit che contengono risorse e oggetti già pronti che possono aiutarti a far funzionare rapidamente il tuo gioco. Scegli un kit se lo desideri o seleziona "Gioco vuoto" (Gioco vuoto)
Puoi scaricare i kit realizzati da altri utenti online
Passaggio 4. Inserisci le informazioni sul gioco
Prima di iniziare a costruire il tuo gioco, devi inserire alcune informazioni.
- Nome – Questo è il nome del tuo gioco. Puoi cambiarlo in seguito con quello che vuoi.
- Dimensioni dello schermo – Questa è la dimensione del tuo schermo ed è molto importante in quanto influenzerà l'arte che usi. Poiché le persone di solito giocano al tuo gioco con il loro browser web, la dimensione dello schermo non deve essere così grande. Provalo Larghezza: 640 px Altezza: 480 px. Questa è una buona dimensione per iniziare.
Passaggio 5. Impara a conoscere il layout
Quando carichi per la prima volta il gioco, verrai indirizzato alla Dashboard. Qui è dove puoi vedere tutte le scene del tuo gioco e accedere a qualsiasi risorsa. Puoi anche modificare le impostazioni di gioco da qui. Passerai la maggior parte del tuo tempo a lavorare nella Dashboard.
- Scena: questa è la finestra principale del dashboard e mostra il gioco effettivo e tutte le risorse. Il tuo gioco sarà una raccolta di scene.
- Risorse: questo è un elenco di tutti gli oggetti e le risorse del gioco. Ciò include attori, sfondi, caratteri, scene, logica, suoni e set di riquadri. Le sorgenti sono disposte nell'albero a sinistra dello schermo.
- Impostazioni: le opzioni Gioco e impostazioni ti consentono di personalizzare il funzionamento delle tue meccaniche di gioco, inclusi controlli, gravità, arresti anomali, caricamento dello schermo e altro ancora.
Passaggio 6. Creare attori
Un attore è qualsiasi oggetto che si muove o con cui si può interagire nel gioco (giocatori, nemici, 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 selezionato).
- Assegna gli attori ai gruppi (giocatori, nemici). Questo aiuterà a determinare le proprietà di collisione dell'attore. Seleziona il tuo attore per aprire l'Actor Editor. Quindi fare clic sulla scheda Proprietà e selezionare il gruppo appropriato dal menu a discesa.
- Scegli un comportamento (saltare, calpestare, camminare). Il comportamento è ciò che consente al tuo attore di fare qualcosa. Fare clic su Comportamenti e 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 il controllo. Se stai creando un personaggio giocante, vorrai consentire al giocatore di spostarlo. Quando aggiungi un comportamento Cammina, verrai indirizzato alla schermata degli attributi Camminata. Puoi usare il menu per selezionare quale tasto sposterà l'attore a sinistra ea destra. Puoi anche installare animazioni se il kit che stai utilizzando le contiene.
- Puoi aggiungere molti comportamenti e impostare ciò che gli attori possono fare.
Passaggio 7. Crea una scena
La scena è ciò che il giocatore vede durante il gioco. Questo è lo sfondo, così come tutti gli oggetti e gli attori visibili. Per creare una nuova scena, fai clic sull'opzione Scene nell'albero delle risorse, quindi fai clic sulla casella a righe. Dai un nome alla tua nuova scena per continuare.
- Sfondo: la tua scena verrà ridimensionata automaticamente, quindi per ora non devi preoccuparti di questo. Puoi scegliere di utilizzare un colore come sfondo, che verrà affiancato su di esso. Puoi anche scegliere tra colori a tinta unita o sfumati. Fare clic su "Crea" al termine. Questo aprirà lo Scene Designer.
- Posiziona tessere: i set di tessere inclusi nel kit verranno caricati sul lato destro della finestra. Fai clic sullo strumento Matita nel menu a sinistra, quindi fai clic sul riquadro che desideri utilizzare. Puoi quindi posare le tessere sulla scena. Fare clic e trascinare con il mouse per posare le doppie tessere.
- Metti l'attore. Fare clic sulla scheda Attori sopra il set di riquadri per passare agli attori disponibili. È necessario crearne uno in anticipo affinché appaia in questo elenco. Fare clic sull'attore che si desidera posizionare e fare clic sulla scena in cui si desidera che appaia. Se premi Maiusc, l'attore si sposterà lì.
- Gravità aggiunta. Fare clic sulla scheda "Fisica" nella parte superiore della finestra, quindi immettere un valore nella casella "Gravità (verticale)". Inserendo 85 simulerà la gravità terrestre reale.
Passaggio 8. Prova il gioco
Dopo aver creato la scena e aver inserito alcuni attori, puoi testare il gioco. Fai clic sul pulsante "Prova gioco" nella parte superiore dello schermo per riprodurre ciò che hai creato. Puoi usare i tasti che imposti per controllare il tuo personaggio.
Cerca qualsiasi aspetto che non funziona e prova a risolverlo. Ad esempio, il nemico si sta comportando correttamente? Riesci a battere il nemico? Ci sono piattaforme irraggiungibili o voragini invalicabili? Torna all'area pertinente del tuo editor di gioco per risolvere eventuali problemi riscontrati. Potrebbe volerci un po' di tempo, ma il risultato finale sarà più divertente e facile da giocare
Passaggio 9. Aggiungi altro
Ora che hai una scena funzionante e giocabile, è il momento di costruire l'intero gioco. Aggiungi livelli e sfide e continua a testare i tuoi componenti aggiuntivi per assicurarti che siano divertenti e funzionino correttamente.
Passaggio 10. Sito Blocca il tuo gioco
Se caricherai il gioco su un sito che ospita giochi Flash, o lo caricherai sul tuo sito, dovresti usare "Site Lock". 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 consentiti nella casella "Site Lock", separati da virgole e senza spazi. Ad esempio, newgrounds.com, kongregate.com.
- Mentre sei ancora su questa schermata, inserisci la tua home page nella casella "La tua home page", se ne hai una. Ciò consentirà ai giocatori che giocano al tuo gioco di collegarsi al tuo sito/
Passaggio 11. Esporta il gioco come Flash
Una volta che sei soddisfatto del tuo gioco, puoi esportarlo in formato Flash. Ciò ti consentirà di caricare il gioco su un sito che ospita giochi Flash o sul tuo sito web. Fare clic su ''Pubblica''' (Pubblica) selezionare "Web", 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 un file Flash (. SWF), puoi caricarlo su un sito a tua scelta. Esistono diversi siti online che ospitano giochi Flash e alcuni potrebbero persino consentirti di guadagnare denaro dalle entrate pubblicitarie. Puoi anche caricare giochi sul tuo sito web, ma dovresti assicurarti di avere la larghezza di banda per accogliere i giocatori se il gioco diventa popolare.
- Dai un'occhiata a questa guida per caricare i giochi sul tuo sito web.
- Se vuoi caricare il tuo gioco su un sito come Newgrounds o Kongregate, dovrai creare un account e poi seguire il processo di caricamento per quei siti. I termini variano per ogni sito.
- Se desideri pubblicare il tuo gioco su Stencyl Arcade, puoi farlo dall'interno del programma Stencyl. Fare clic su "Pubblica" selezionare "Stencyl", 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 MB.
Metodo 3 di 3: utilizzo di Construct 2
Passaggio 1. Scarica e installa Construct 2
Questo programma ti consente di creare giochi HTML5 con pochissima codifica. Dovrai impostare alcune variabili, ma tutto questo viene fatto tramite il menu senza bisogno di codifica.
Construct 2 è gratuito, anche se alcune funzionalità sono limitate ad eccezione dell'aggiornamento. La versione gratuita non può pubblicare su piattaforme diverse da HTML5
Passaggio 2. Creare un nuovo progetto
Quando avvii Construct 2 per la prima volta, vieni accolto con un menu di benvenuto. Fare clic sul collegamento "Nuovo progetto" per iniziare un nuovo gioco. Ci sono anche alcuni esempi che puoi usare per vedere come costruire un gioco di base.
Quando inizi un nuovo progetto, ti verrà presentato un elenco di modelli. Per il tuo primo progetto, ti consigliamo di iniziare con un progetto vuoto. Questo ti permetterà di abituarti alle basi senza che i modelli si intromettano
Passaggio 3. Modifica le impostazioni del progetto
Sulla sinistra della finestra del progetto, vedrai una serie di oggetti nel riquadro Proprietà. Puoi usarlo per impostare le dimensioni dello schermo e inserire le informazioni sul gioco e sull'azienda.
Passaggio 4. Inserisci lo 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 diverse posizioni online.
- Imposta lo sfondo alla dimensione del layout. Per farlo, seleziona l'oggetto di sfondo e ridimensionalo nel riquadro Proprietà.
- Rinominare il livello e bloccarlo. È necessario bloccare il livello per evitare di spostarlo accidentalmente quando si posizionano altri oggetti. Fare clic sulla scheda "Livelli" sul lato destro dello schermo. Seleziona il livello e fai clic sul pulsante Matita. Assegna un nome al livello "Sfondo", quindi fai clic sul pulsante "Lucchetto" per bloccare lo sfondo.
Passaggio 5. Crea un nuovo livello
Nella scheda dei livelli, fai clic sul pulsante "+" per creare un nuovo livello. Chiamalo "Principale". Questo sarà il livello in cui risiederà la maggior parte dei tuoi oggetti di gioco. Assicurati che il livello principale sia selezionato prima di procedere.
Passaggio 6. Aggiungi input per il tuo gioco
In Construct 2, il tuo input deve essere aggiunto come oggetto al tuo gioco. È invisibile e consentirà l'uso della tastiera e del mouse nel progetto.
Fare doppio clic sul layout e quindi selezionare "Mouse" dalla sezione di input. Fate lo stesso per inserire l'oggetto “Tastiera”
Passaggio 7. Aggiungi oggetti
Ora è il momento di aggiungere alcuni oggetti di gioco al tuo layout. Fare doppio clic sul layout e selezionare "Sprite" dalla sezione generale. Usa il mirino per selezionare dove vuoi posizionare gli Sprite. Si aprirà un editor di immagini, che ti consentirà di caricare uno sprite esistente o di crearne uno nuovo.
Quando selezioni uno sprite nel layout, la proprietà dello sprite verrà caricata sul frame di sinistra. Rinomina gli sprite in modo da poterli identificare e fare riferimento più facilmente
Passaggio 8. Aggiungi un comportamento al tuo oggetto
Per aggiungere un comportamento, fai clic sull'oggetto a cui desideri aggiungere un comportamento per selezionarlo. Fare clic sul collegamento "Aggiungi/modifica" nella sezione Comportamenti del riquadro Proprietà. Apparirà un elenco di comportamenti disponibili.
I comportamenti sono parti di logica preconfigurate che ti consentono di aggiungere rapidamente usabilità ai tuoi oggetti. Puoi scegliere tra un'ampia varietà di comportamenti predefiniti che possono fornire un'ampia varietà di usi. Ad esempio, per creare un pavimento solido, assegnagli un comportamento "Solido". Per spostare il personaggio in 8 direzioni, dai il comportamento "movimento in 8 direzioni"
Passaggio 9. Modificare le proprietà del comportamento
Puoi modificare il comportamento per adattarlo al modo in cui funziona il tuo oggetto. È 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ò a cui il gioco sfugge. Se la condizione è raggiunta, l'evento si verifica. Se la condizione non è soddisfatta, l'evento non si verifica. La pagina dell'evento di solito viene eseguita circa 60 volte al secondo. Ogni corsa è chiamata "tick".
Passaggio 11. Creare un evento
Fare doppio clic sulla pagina Eventi. Apparirà un elenco di oggetti disponibili. Seleziona l'oggetto per il quale desideri creare un evento oppure puoi creare un System.
- Scegli quando si verifica l'azione. Dopo aver selezionato un oggetto, ti verrà chiesto di scegliere quando si è verificato l'evento. Questo può essere basato su altri eventi o in un determinato momento. "Ogni tick" sempre.
- Aggiungi azione. Ti verrà chiesto di selezionare uno dei tuoi oggetti. Scegli da un elenco di azioni. Ad esempio, se stai creando uno sparatutto e vuoi che il personaggio del giocatore sia sempre rivolto verso il mouse, creerai un'azione "Punto di vista per posizionare" 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. In questo modo la nave del giocatore sarà sempre rivolta verso il cursore.
Passaggio 12. Aggiungi altri eventi e comportamenti
Questa è la spina dorsale del tuo gioco. Aggiungere e migliorare comportamenti ed eventi ti aiuterà a creare giochi unici e divertenti a cui le persone vorranno giocare. Sperimenta diversi eventi per cercare di ottenere il gioco che desideri veramente.
Passaggio 13. Aggiungi variabili
Esistono due tipi di variabili in Construct 2: variabili di istanza e variabili globali. Ti consente di creare punteggi per i tuoi oggetti e giochi, come salute, limite di tempo, punteggio e altro.
- Variabile di istanza: la variabile di istanza viene assegnata a un singolo oggetto. Questo è usato per cose come i nemici e la salute del giocatore. È possibile aggiungere una variabile di istanza dopo aver selezionato un oggetto facendo clic sul collegamento "Aggiungi/modifica" nella sezione Variabili del riquadro Proprietà. Assegna alla variabile un nome che possa fare riferimento all'evento, oltre a un valore iniziale.
- Variabile globale - Le variabili globali sono variabili che vengono assegnate all'intero gioco. È usato per cose come i punteggi dei giocatori. Per creare una variabile globale, vai alla pagina Eventi e fai clic con il pulsante destro del mouse su uno spazio vuoto. Fare clic su "Variabile globale Ass", assegnargli un nome in modo che possa essere indicato nell'evento, quindi inserire un valore iniziale.
Passaggio 14. Crea interfacce
Quando si creano interfacce, di solito è meglio farlo su un nuovo livello. Questo perché l'interfaccia si sposta o cambia molto raramente, quindi è meglio metterla su un livello bloccato. Nel riquadro Proprietà per il nuovo livello, imposta "Parallasse" su 0. Ciò manterrà il livello spostato mentre lo schermo si sposta.
Usa caselle di testo e variabili per creare la tua interfaccia. Puoi impostare la tua casella di testo per visualizzare salute, punteggio, munizioni o qualsiasi cosa il giocatore debba vedere periodicamente
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 aiutare e testare il gioco. Prendi nota di tutto ciò che non funziona e prova a risolverlo per rendere il tuo gioco giocabile e divertente.
Passaggio 16. Esporta il tuo 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 sul menu "File" e seleziona "Esporta". Salva il progetto in una posizione facile da trovare.
Passaggio 17. Pubblica il gioco
Esistono diversi siti che ti consentono di caricare giochi HTML5 per farli giocare ad altri. Puoi anche aggiungere giochi al tuo sito web. Dai un'occhiata a questa guida per i dettagli su come caricare i giochi sul tuo sito web.
Suggerimenti
- Se sei più interessato a conoscere il codice alla base dei giochi Flash, puoi utilizzare Flash Builder e il codice ActionScript3 per creare giochi. Questo richiederà più tempo, ma può portare a un'esperienza più unica. Vedere la guida del programma in ActionsScript3.
- Rendi omaggio a qualsiasi fonte da cui hai tratto idee e contenuti e a chiunque ti abbia aiutato a creare il gioco.
