Online Flash gioco Tutorial

Adobe Flash è un potente software ed è diventata la fonte di innumerevoli videogiochi sui siti dappertutto il internet. Il programma è piuttosto complesso strumento, e ci sono una serie di tutorial su internet per aiutarvi lungo la strada. Ha una flessibilità enorme e può essere utilizzato per progettare qualsiasi gioco, ma ci vuole un sacco di pratica per ottenere abile. Iniziare con la costruzione di un semplice gioco di sparatutto scorrimento e imparerete mólto circa opere come Flash.

Istruzioni

• Caricare Flash sul tuo computer. Se non si dispone già di una copia, è possibile scaricare una versione di prova gratuita di 30 giorni di Adobe. Per un link per il software di prova, vedere le risorse.

• Creare un nuovo "File Flash (Actionscript 2.0)" dal menu File. Il programma vi darà un'area vuota di "Fase", nonché un pannello Proprietà. Crea il tuo film in fase di e modificare gli elementi utilizzando il pannello Proprietà.

• Modificare il colore di sfondo del gioco utilizzando il selettore "Background" sul pallet nel pannello Proprietà.

• Importare un'immagine al file. Fare clic su "File" evidenzia "Importa" e selezionare "Importa nello stage." Utilizzare la finestra di dialogo per selezionare i grafici per il tuo personaggio principale o l'astronave. L'immagine apparirà sullo schermo. Utilizzare formati di. png quando possibile, come hanno sfondi trasparenti, mentre file JPEG non e verranno visualizzati come caselle colorate sullo schermo.

• Selezionare la nave e fare clic su "Modifica", quindi scegliere "Converti in simbolo." Dare la nave il nome, "Nave" e registrarlo nel centro dello schermo. Associarlo con la "classe" di "Nave" e selezionare "Esporta per Actionscript".

• Impostare il frame rate del vostro show a 30 fotogrammi al secondo.

• Salvare il file FLA in una nuova cartella dove tieni il tuo gioco. Inserire il nome del tuo gioco come nome del file.

• Creare un nuovo file "File Actionscript" o. As. Selezionare "File", poi "Nuovo" e "File Actionscript" dal menu tipo. Un nuovo file Actionscript vuoto verrà visualizzato sullo schermo. Digitare il seguente codice come appare:

Classe nave estende MovieClip

{

}

• Salvare il file Actionscript come "Ship.as" dal menu File. Salvarlo all'interno della vostra cartella di gioco.

• Aggiungere il codice seguente al file "Ship.as", tra le parentesi prime.

velocità di var;

Questo crea una variabile denominata velocity, che è possibile utilizzare nella programmazione.

• Inserire il codice seguente nella parte inferiore del file Ship.as, di sotto dell'ultimo attacco.

funzione OnLoad)

{

velocity = 10;

}

funzione onEnterFrame)

{

if( Key.isDown(Key.RIGHT) )

{

_x = _x + velocity;

}

}

Il primo blocco di codice imposta la variabile di velocità sul numero 10, e il secondo blocco di codice vi dirà alla nave di muoversi sopra 10 pixel in ogni volta che il film si sposta in avanti un frame se viene premuto un tasto.

• Modificare l'ultimo blocco di codice per il file come segue:

funzione onEnterFrame)

{

if( Key.isDown(Key.RIGHT) )

{

_x = _x + velocity;

}

if( Key.isDown(Key.LEFT) )

{

_x = _x - velocity;

}

if( Key.isDown(Key.UP) )

{

_y = _y - velocity;

}

if( Key.isDown(Key.DOWN) )

{

_y = _y + velocity;

}

}

Questo dice al computer di fare qualcosa se è soddisfatta una determinata condizione. In questo caso, si sposterà la nave 10 pixel ogni volta che viene premuto un tasto in una certa direzione.

• Pubblica il tuo gioco utilizzando "file" e "Pubblica" per creare un. swf file si possa visualizzare e leggere. La tua nave deve spostare ogni volta che si preme un tasto.

• Creare una nuova classe e lo chiamano "Missile.as" nello stesso modo che la nave classe creata in precedenza. Aggiungere il codice seguente al file ActionScript.

Classe Missile estende MovieClip

{

var speed;

}

funzione OnLoad)

{

speed = 20;

}

funzione onEnterFrame)

{

_x += speed;

}

• "Inserire" un "nuovo simbolo" dai menu appropriato. Dare il simbolo il nome "Missile" e selezionare "Esporta per ActionsScript" quindi fare clic su OK. Dando spazio per progettare un missile verrà visualizzata una finestra vuota.

• Utilizzare gli strumenti linea e disegnare per progettare un piccolo proiettile per la vostra nave al fuoco. Utilizzare il pannello Proprietà per impostare la larghezza di una piccola linea di 6-pixel, la lunghezza di 8-pixel. Impostare anche il X -4 e il valore di Y a 0. Salvare il progetto.

• Aggiungere una variabile di ShootLimiter, in modo che avete solo un missile sullo schermo alla volta. Inserire il codice riportato di seguito per il tuo "Ship.as":

velocità di var;

var shootLimiter;

funzione OnLoad)

{

velocity = 10;

shootLimiter = 0;

}

e aggiungere quanto segue il comando onEnterFrame:

funzione onEnterFrame)

{

_x += speed;

if(_x > 600)

{

this.removeMovieClip();

}

}

• Aprire nuovamente Ship.as e incollare il seguente codice nella parte inferiore:

Se (Key.isDown(Key.SPACE) & & shootLimiter > 8)

{

shootLimiter = 0;

var missile = _root.attachMovie("Missile","Missile" + _root.getNextHighestDepth(), _root.getNextHighestDepth());

missile._x = _x + 50;

missile._y = _y + 2;

}

Questo indica al programma di aggiungere un Missile al filmato nave se si premuta la barra spaziatrice. Anche posizionerà il missile così sembra che è venuta dalla parte anteriore e il centro della vostra nave. Si wil inoltre eseguire un rapido controllo per vedere se il missile è già stato licenziato.

• Inserire un nuovo oggetto chiamato "EnemyShip" e selezionare un'immagine che è stato creato per i caratteri della nave nemica. Quando viene creato ed evidenziate in blu, premere il tasto CANC. L'immagine è ora nel vostro gioco, ma non lo vuoi sullo schermo quando si avvia.

• Creare il file di EnemyShip.as, come hai fatto con gli altri due file ActionScript. Aggiungere il codice riportato di seguito:

Class EnemyShip extends MovieClip

{

var speed;

}

funzione OnLoad)

{

_x = 700;

_y = Math.random()*300;

speed = Math.random()*5 + 5;

}

funzione onEnterFrame)

{

_x -= speed;

if(_x < -100)

{

this.removeMovieClip();

}

}

Questo codice dirà il programma per creare il EnemyShip e dargli una velocità casuale. Se la velocità scende sotto un certo livello, il gioco rimuoverà anche la nave nemica.

• Tornare al file Ship.as e sostituire o aggiungere alcuni blocchi di codice. I primi due sostituirà il codice esistente, il terzo è nuovo:

Classe nave estende MovieClip

{

var velocity;

var shootLimiter;

var enemyTimer;

funzione OnLoad)

{

velocity = 10;

shootLimiter = 0;

enemyTimer = 0;

}

enemyTimer + = 1;

if(enemyTimer > 60)

{

enemyTimer = 0;

_root.attachMovie("EnemyShip", "EnemyShip"+_root.getNextHighestDepth(), _root.getNextHighestDepth());

}

Questo codice consente di aggiungere una nuova variabile, la enemyTimer, che creerà una nave nemico sullo schermo. Il nemico apparirà sullo schermo in una posizione casuale.

• Pubblicare e testare il tuo gioco.

Consigli & Avvertenze

  • È possibile pubblicare prodotti finiti su un numero di siti Web di video gioco, come Kongregate o Newgrounds (Vedi risorse)