Cum sa faci un joc flash

Flash este un format popular pentru jocurile video bazate pe browser, văzute pe site-uri precum Newgrounds și Kongregate. În timp ce formatul Flash devine din ce în ce mai puțin folosit în fața aplicațiilor mobile în creștere, multe jocuri de calitate sunt încă realizate împreună cu acesta. Flash utilizează ActionScript, o limbă ușor de învățat care vă oferă control asupra obiectelor de pe ecran. Consultați Pasul 1 de mai jos pentru a afla cum să creați un joc Flash de bază.

conținut

Pași
Partea 1pornirea procesului
Partea 2scrierea unui joc de bază
Partea 3Învățarea tehnicilor avansate

pași

Partea 1
Pornirea procesului

Planificați-vă jocul. Înainte de a începe programarea, acest lucru vă va ajuta să obțineți o idee grosolană despre ceea ce doriți să faceți jocul dvs. Flash este cel mai potrivit pentru jocurile simple, astfel încât să se concentreze pe crearea unui joc care are doar câteva mecanici pentru care jucătorul să-și facă griji. Încercați să aveți un gen de bază și unele mecanici în minte înainte de a începe prototipul. Consultați un ghid pentru mai multe detalii despre etapele de planificare a dezvoltării jocurilor video. Cele mai comune jocuri Flash includ:

Endless runners: Aceste jocuri mișcă automat personajul, iar jucătorul este responsabil pentru săriturile peste obstacole sau pentru a interacționa în alt mod cu jocul. Jucătorul are de obicei numai una sau două opțiuni atunci când vine vorba de controale.
Brawlers: Acestea sunt de obicei sidescrolling și sarcina jucătorului este de a împiedica inamicii să progreseze. Caracterul jucătorului are adesea mai multe mișcări pe care le pot face pentru a învinge pe dușmani.
Puzzle-uri: Aceste jocuri cer jucătorului să rezolve puzzle-uri pentru a câștiga fiecare nivel. Ele pot varia de la stilul Match-3, cum ar fi Bejeweled, până la rezolvarea unui puzzle mai complex, de obicei găsit în jocurile Adventure.
RPG-uri: Aceste jocuri se concentrează pe dezvoltarea și progresul personajului și pe mutarea jucătorului în diverse medii cu o varietate de tipuri de inamici. Mecanica de luptă variază foarte mult de la RPG la RPG, dar multe sunt bazate pe rând. RPG-urile pot fi mult mai greu de programat decât un simplu joc de acțiune.

Aflați cum excelează Flash. Flash este cel mai potrivit pentru jocuri 2D. Este posibilă crearea de jocuri 3D în Flash, dar este foarte avansată și necesită o cunoaștere semnificativă a limbii. Aproape toate jocurile Flash de succes au fost în 2D.

Jocurile flash sunt, de asemenea, cele mai potrivite pentru sesiuni rapide. Acest lucru se datorează faptului că majoritatea jucătorilor Flash se joacă când au puțin timp liber, cum ar fi intervalele, ceea ce înseamnă că sesiunile de joc au de obicei 15 minute sau mai puțin.

Familiarizați-vă cu limba ActionScript3 (AS3). Jocurile flash sunt programate în AS3 și trebuie să ai cunoștințe de bază despre modul în care funcționează pentru a crea un joc cu succes. Puteți crea un joc simplu cu o înțelegere rudimentară a modului de programare în AS3.

Există mai multe cărți ActionScript disponibile pe Amazon și alte magazine, împreună cu un număr mare de tutoriale și exemple online.

Descărcați Flash Professional. Acest program costă bani, dar este cel mai bun mod de a crea rapid programe Flash. Există și alte opțiuni disponibile, inclusiv opțiunile open source, dar acestea sunt de multe ori în afara compatibilității sau necesită mai mult timp pentru a îndeplini aceleași sarcini.

Flash Professional este singurul program de care aveți nevoie pentru a începe să creați jocuri.

Partea 2
Scrierea unui joc de bază

1
Înțelegerea blocurilor de bază ale codului din AS3. Când creați un joc de bază, există mai multe structuri de cod diferite pe care le veți folosi. Există trei părți principale ale oricărui cod în AS3:
- Variabile - Astfel se stochează datele. Datele pot fi numere, cuvinte, obiecte și multe altele. Variabilele sunt definite de către var și ar trebui să fie un cuvânt.
  var playerHealth: Number = 100 - // "var" desemnează că definiți o variabilă .// "playerHealth" este numele variabilei .// "Number" este tipul de date. / / "100" alocat variabilei .// Toate rândurile de acțiuni se încheie cu ";"
- Event Handlers - Operatorii de evenimente caută anumite lucruri care pot apărea și apoi spun restul programului. Acest lucru este esențial pentru intrarea jucătorului și repetarea codului. Manipulatorii de evenimente solicită de obicei funcții.
  addEventListener (MouseEvent.CLICK, swingSword) - // "addEventListener ()" definește handler eventos.// "MouseEvent" este categoria de intrare fiind escutada.// ".click" este evenimentul specific în categoria MouseEvent / / swingSword este funcția numită când apare evenimentul.
- Funcție - fragmente de cod atribuite unui cuvânt cheie care poate fi apelat mai târziu. Caracteristicile se ocupă de cea mai mare parte a programării jocului dvs., iar jocurile complexe pot avea sute de funcții, în timp ce cele mai simple jocuri pot avea doar câteva. Ele pot fi în orice ordine, deoarece lucrează numai când sunt chemați.
  funcția swingSword (e: MouseEvent): void - {// codul dvs. merge aici} // "funcția" este cuvântul cheie care apare la începutul fiecărei funcții. // "swingSword" este numele funcției. e: MouseEvent "este un parametru suplimentar, indicând faptul că funcția // este apelată de la ascultător. //" void "este valoarea returnată de funcție. Dacă nu este returnată nici o valoare //, utilizați: void.
2
Creați un obiect. ActionScript este folosit pentru a afecta obiectele din Flash. Pentru a face un joc, va trebui să creați obiectele cu care interacționează playerul. În funcție de ghidurile pe care le citești, obiectele pot fi numite sprite, actori sau clipuri video. Pentru acest joc simplu, veți crea un dreptunghi.
- Deschideți Flash Professional dacă nu ați făcut deja acest lucru. Creați un nou proiect în ActionScript 3.
- Faceți clic pe instrumentul Desenare dreptunghi în panoul Instrumente. Acest panou poate fi în locuri diferite, în funcție de configurația Flash Professional. Desenați un dreptunghi în fereastra Scenei.
- Selectați dreptunghiul utilizând instrumentul Selecție.
3
Atribuiți proprietățile obiectului. Cu dreptunghiul nou creat, deschideți meniul Modificați și selectați "Conversie la simbol". De asemenea, puteți apăsa F8 ca scurtătură. În fereastra "Conversie în simbol", dați obiectului un nume ușor de recunoscut, cum ar fi "inamicul".
- Găsiți fereastra Proprietăți. În partea de sus a ferestrei, va exista un câmp de text gol, etichetat "Nume de instanță" atunci când treceți peste el. Denumiți-o la fel cum ați făcut-o când ați transformat-o într-un simbol ("inamic"). Acest lucru creează un nume unic cu care puteți interacționa prin codul AS3.
- Fiecare "instanță" este un obiect separat care poate fi afectat de cod. Puteți copia instanța deja creată de mai multe ori făcând clic pe fila Bibliotecă și trăgând instanța în scenă. De fiecare dată când adăugați una, numele se schimbă pentru a indica faptul că este un obiect separat ("inamic", "inamic1", "inamic2" etc.).
- Când vă referiți la obiectele din cod, pur și simplu utilizați numele instanței, în acest caz "inamic".
4
Aflați cum puteți schimba proprietățile unei instanțe. Odată ce ați făcut o instanță, puteți ajusta proprietățile prin AS3. Acest lucru vă permite să treci obiectul în jurul ecranului, să îl redimensionați și așa mai departe. Puteți ajusta proprietățile tastând instanța, urmată de un ".", Urmat de proprietate, urmat de valoarea:
- enemy.x = 150- Aceasta afectează poziția obiectului inamic pe axa X.
- enemy.y = 150- Aceasta afectează poziția obiectului inamic pe axa Y.
- Axa Y se calculează din partea de sus a scenei.
- enemy.rotation = 45- Roti obiectul inamic de 45 ° în sensul acelor de ceasornic.
- enemy.scaleX = 3- Se întinde lățimea obiectului inamic cu un factor de 3. Un număr negativ (-) va transforma obiectul.
- enemy.scaleY = 0.5- Strângeți obiectul până la jumătate din înălțime.
5
Examinați comanda urmări (). Această comandă va returna valorile curente pentru anumite obiecte și este utilă pentru a determina dacă totul funcționează așa cum ar trebui. Este posibil să nu doriți să includeți comanda Trace în codul final, dar este utilă pentru depanare.

Construiți un joc de bază utilizând informațiile de mai sus. Acum, că aveți o înțelegere de bază a principalelor funcții, puteți crea un joc în care inamicul își schimbă dimensiunea de fiecare dată când faceți clic pe el până când acesta se scurge din sânge.

var inimigoHP: Număr = 100 - // definirea HP inamicului (sânge) 100 în playerAttack início.var: Număr = 10 - // seteaza puterea de atac a jucătorilor atunci când clicam.inimigo.addEventListener (MouseEvent.CLICK, attackEnemy) - // prin adăugarea acestei funcții direct la obiectul inamic, // functia se întâmplă numai atunci când obiectul în sine este apasat // în loc să faceți clic oriunde pe tela.setEnemyLocation () - // aceasta solicită următoarea funcție a pune inamicul // pe ecran. Acest lucru este atunci când começa.function setEnemyLocation joc (): void {inimigo.x = 200 - // muta inamicul la 200 de pixeli de pe stânga telainimigo.y = 150 - // muta inamicul la 150 de pixeli în jos din partea de sus a telainimigo.rotation = 45 - // rotește inamic 45 de grade direcția horáriotrace ( „valoarea x a inamicului“ inimigo.x „inamicul și valoarea y este“ inimigo.y) - // Afișează poziția curentă a inamicului pentru a depana} attackEnemy funcție (e: MouseEvent): void // Aceasta creează funcția de a ataca atunci când inamicul este apasat {enemyHP = enemyHP - playerAttack - // Scădeți valoarea valorii de atac HP, // rezultând o nouă valoare HP.inimigo.scaleX = enemyHP / 100 - // Modifică lățimea pe baza noii HP.// valoare este împărțită la 100 pentru al transforma într-un decimal.inimigo.scaleY = enemyHP / 100 - // Modifică înălțimea bazată pe HP.trace noua valoare ( „inamicul a“ enemyHP, „HP odihnă“) - // HP de ieșire ca inamicul pleacă}

7
Testul. După ce ați creat codul, puteți testa noul joc. Faceți clic pe meniul Control și selectați Testați filmul. Jocul va începe și puteți face clic pe obiectul inamic pentru ao redimensiona. Ieșirile Trace vor fi afișate în fereastra de ieșire.

Partea 3
Învățarea tehnicilor avansate

1
Aflați cum funcționează pachetele. ActionScript este bazat pe Java și utilizează un sistem de pachete foarte asemănător. Pachetele vă permit să stocați variabile, constante, funcții și alte informații în fișiere separate, apoi să le importați în programul dvs. Acestea sunt utile în special dacă doriți să utilizați un pachet dezvoltat de cineva, ceea ce va face jocul mai ușor de creat.
- Consultați un ghid pentru mai multe detalii despre modul în care funcționează pachetele Java.
2
Construiți dosarele proiectului. Dacă creați un joc cu mai multe imagini și clipuri audio, veți dori să creați o structură de directoare pentru jocul dvs. Acest lucru vă va permite să stocați cu ușurință elementele dvs. diferite, precum și să stocați diferite pachete pentru a apela.
- Creați un dosar de domiciliu pentru proiectul dvs. În directorul de domiciliu, trebuie să aveți un dosar "img" pentru toate materialele de artă, un director "snd" pentru toate materialele dvs. audio și un dosar "src" pentru toate jocurile și codul de joc.
- Creați un dosar "Game" în dosarul "src" pentru a stoca fișierul Constants.
- Această structură particulară nu este necesară, însă este o modalitate ușoară de a vă organiza munca și materialele, în special pentru proiecte mai mari. Pentru jocul simplu explicat mai sus, nu este necesar să creați directoare.
3
Adăugați un sunet la jocul dvs. Un joc fără sunet sau muzică se va plictisi rapid la jucător. Puteți adăuga sunet la obiectele Flash folosind instrumentul Straturi. Consultați un ghid pentru mai multe detalii.
4
Creați un fișier Constants. Dacă jocul dvs. are o mulțime de valori care vor rămâne aceleași pe parcursul jocului, puteți crea un fișier Constants pentru a le memora pe toate într-un singur loc, astfel încât să le puteți numi cu ușurință. Constantele pot include valori cum ar fi severitatea, viteza jucătorului și orice altă valoare care ar putea fi necesară pentru a apela în mod repetat.
- Dacă creați un fișier Constants, acesta va trebui să fie plasat într-un folder în proiectul dvs. și apoi importat ca un pachet. De exemplu, să presupunem că creați un fișier Constants.as și plasați-l în directorul de jocuri. Pentru a le importa, ați folosi următorul cod:
  pachet {import Joc. * -}
5
Uită-te la jocurile celorlalți. Deoarece mulți dezvoltatori nu vor dezvălui codul jocurilor lor, există o varietate de tutoriale de proiecte și alte proiecte deschise care vă vor permite să vedeți codul și modul în care acesta interacționează cu obiectele de joc. Aceasta este o modalitate excelentă de a învăța câteva tehnici avansate care pot ajuta jocul să iasă în evidență.