Dezvoltați un joc flash

Flash este un format popular pentru jocuri video bazate pe browser-uri cunoscute de pe site-uri precum Newgrounds și Kongregate. În timp ce formatul Flash devine din ce în ce mai puțin utilizat ca aplicații mobile, multe jocuri bune sunt încă în curs de dezvoltare. Flash utilizează ActionScript, o limbă ușor de învățat care vă oferă control asupra obiectelor de pe ecran. Citiți pasul 1 de mai jos pentru a afla cum să dezvoltați un simplu joc flash.

metodă

Partea 1
Începeți

Image cu titlul 381698 1
1
Proiectați-vă jocul. Înainte de a începe programarea, este util să aveți o idee grosolană despre ce ar trebui să faceți jocul dvs. Blițul este cel mai bun pentru jocurile simple, astfel încât să vă concentrați pe dezvoltarea unui joc care are doar câteva moduri de a lucra pentru jucător. Încercați să aveți un gen de bază și câteva funcționalități în minte înainte de a începe să creați un prototip. Jocuri flash populare includ:
  • Endless Runners: Aceste jocuri mișcă caracterul automat și jucătorul este responsabil pentru săriturile peste obstacole sau interacționând în alt mod cu jocul. Jucătorul are de obicei una sau două opțiuni de control.
  • Brawlers: Aceștia se mișcă de obicei în lateral, dând jucătorului sarcina de a se apăra de dușmani pentru a avansa. Pionul are adesea mai multe mișcări pe care le poate face pentru a bate inamicii.
  • Puzzle-uri: În aceste jocuri, jucătorul trebuie să rezolve puzzle-uri pentru a trece un nivel. Acestea pot varia de la stilul Match 3, cum ar fi Bejeweled, până la puzzle-uri mai complexe, de obicei găsite în jocuri de aventură.
  • Jocuri RPG: Aceste jocuri se concentrează pe dezvoltarea și progresul personajului și permit jucătorului să se deplaseze în mai multe medii cu mai mulți dușmani. Elementele de luptă variază semnificativ de la RPG la RPG, dar multe se bazează pe rotiri. RPG-urile pot fi mult mai greu de programat decât un simplu joc de acțiune.
  • Imaginea intitulată 381698 2
    2
    Aflați ce face Flash special. Flash este cel mai bun pentru jocurile 2D. Este posibil să se dezvolte jocuri Flash 3D cu Flash, dar acest lucru este foarte avansat și necesită o cunoaștere considerabilă a limbii. Aproape fiecare joc flash cu succes este în 2D.
  • Jocurile Flash sunt, de asemenea, cele mai potrivite pentru jocurile scurte. Acest lucru se datorează faptului că majoritatea jucătorilor joacă jocuri flash atunci când au timp liber, de ex. în pauze, ceea ce înseamnă că sesiunea de joc durează de obicei maxim 15 minute.
  • Imagine cu titlul 381698 3
    3
    Familiarizați-vă cu ActionScript3 (AS3). Jocurile flash sunt programate în AS3 și aveți nevoie de o înțelegere de bază a modului în care funcționează pentru a dezvolta cu succes un joc. Puteți dezvolta un joc simplu cu o înțelegere rudimentară a programării în AS3.
  • Există, de asemenea, mai multe cărți despre ActionScript pe Amazon sau în alte magazine, precum și o varietate de tutoriale și exemple de pe Internet.
  • Image cu titlul 381698 4
    4
    Descărcați Flash Professional. Acest program este plătit, dar este cel mai bun mod de a crea rapid programul Flash. Există mai multe opțiuni, inclusiv opțiunile open source, dar de multe ori le lipsește compatibilitatea necesară sau durează mai mult pentru a finaliza aceleași sarcini.
  • Flash Professional este singurul program de care aveți nevoie pentru a începe să dezvoltați jocuri.
  • Partea 2
    Scrie un simplu joc

    1
    Înțelegerea structurii de bază a codului AS3. Când dezvoltați un joc simplu, există mai multe structuri diferite pentru codul pe care îl veți folosi. Un cod AS3 conține trei părți principale:
    • Variabile - Cum sunt stocate datele dvs. Datele pot fi numere, cuvinte (șiruri), obiecte și multe altele. Variabilele sunt după cod var definite și trebuie să cuprindă un singur cuvânt.
    var playerHealth: Number = 100 - // "var" indică faptul că definiți o variabilă. // "playerHealth" este numele variabilei.// "Numărul" este tipul de date .// "100" care este atribuită variabilei. Toate liniile Actionscript se termină cu ";"
  • Event Handlers - Operatorii de evenimente caută anumite lucruri care apar și apoi stau restul programului. Acest lucru este important pentru o intrare a jucătorului și repetarea codului. Operatorii de evenimente cheama de obicei funcții.
    addEventListener (MouseEvent.CLICK, leagăn cuvânt) - // "addEventListener ()" definește evenimentul Handler.// "Mouse-ul Event" este categoria de intrare, a "auzit" wird.// ".click" este evenimentul specific în categoria MouseEvent.// "swingSword" este funcția numită atunci când are loc evenimentul.
  • Funcție - Domenii de cod care pot fi atribuite unui cuvânt cheie și numite mai târziu. Caracteristicile gestionează cea mai mare parte a programării codului dvs., iar jocurile complexe pot avea sute de funcții, în timp ce jocurile mai simple 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 veni aici} // `funcția` este cuvântul cheie care se află la începutul fiecărei funcții. // "swingSword" este numele funcției. : MouseEvent "este un parametru suplimentar care indică faptul că funcția // este apelată de către ascultătorul evenimentului. //" 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 manipula obiecte în Flash. În crearea unui joc, trebuie să creați obiecte cu care interacționează playerul. În funcție de instrucțiunile pe care le citiți, obiectele pot fi numite goblini, 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 ActionScript 3.
  • ref>https://adobe.com/devnet/flash/articles/flash_cs5_createfla.html
  • Faceți clic pe instrument pentru a desena dreptunghiuri în bara de instrumente. Această bară poate fi în locuri diferite, în funcție de configurația Flash Professional. Desenați un dreptunghi în scenă.
  • Selectați dreptunghiul cu instrumentul de selecție.
  • 3


    Atribuiți proprietățile obiectului. Deschideți meniul Editați în timp ce selectați dreptunghiul nou creat și alegeți Conversie la simbol. Puteți, de asemenea, abreviați cheia F8 press. Dați obiect un nume ușor de reținut în fereastra Convertizare la simbol, cum ar fi „Inamic.“
  • Găsiți fereastra Proprietăți. În partea de sus a ferestrei este o casetă de text goală numită "Nume de instanță" când plasați cursorul peste ea. Sunați-l la fel ca atunci când convertiți la un simbol ("inamic"). Acest lucru creează un nume unic care poate fi interacționat în codul AS3.
  • Fiecare "instanță" este un obiect separat care poate fi influențat 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 unul, numele se schimbă pentru a indica faptul că acesta este un obiect separat ("inamic", "inamic1", "inamic2" etc.).
  • Dacă vă referiți la aceste obiecte în cod, pur și simplu trebuie să utilizați numele instanței, în acest caz "inamic".
  • 4
    Aflați cum să modificați proprietățile unei instanțe. Odată ce ați creat o instanță, puteți modifica proprietățile prin AS3. Acest lucru vă va permite să mutați obiectul în jurul ecranului, să îl redimensionați și așa mai departe. Aveți posibilitatea să personalizați proprietățile prin plasarea instanței, urmată de o "." apoi introduceți proprietatea urmată de valoare:
  • 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ți obiectul inamic la 45 ° în sensul acelor de ceasornic.
  • enemy.scaleX = 3 Extinde lățimea obiectului inamic cu un factor de 3. Un număr negativ (-) inversează obiectul.
  • enemy.scaleY = 0.5- Stoarce obiectul până la jumătate din dimensiunea sa împreună.
  • 5
    Explorați comanda trace (). Această comandă returnează valorile curente pentru anumite obiecte și este utilă pentru a determina dacă totul merge așa cum ar trebui. Este posibil să nu doriți comanda trace în codul dvs. terminat, dar este util pentru depanare.
  • 6
    Creați un joc simplu cu informațiile de mai sus. Acum, că aveți o înțelegere de bază a funcțiilor importante, puteți dezvolta un joc în care inamicul redimensionează de fiecare dată când faceți clic pe el până când starea de sănătate este zero.
    var enemyHP: Număr = 100 - // set HP (de sănătate) al inamicului la începutul atacului 100.var jucătorului: Număr = 10 - // setează firma puterea de atac a jucătorului când el klickt.enemy.addEventListener (MouseEvent.CLICK atac inamic) - // dacă adăugați această funcție în mod direct la inamic obiect // preia funcția numai atunci când obiectul este apasat, contrastul //, daca pe ecranul klickst.setEnemyLocation () undeva - // aceasta invocă următoarea funcție pentru a plasa inamicul pe ecran. Acest lucru se întâmplă atunci când beginnt.function setEnemyLocation joc (): void {enemy.x = 200 - // mută inamicul la 200 de pixeli (din stânga) enemy.y = 150 - // mută inamicul 150 de pixeli în jos enemy.rotation (de mai sus) = 45 - // transformă inamicul 45 ° în sens orar trace ( "x-value inamicului este" enemy.x "y-valoare și inamicului este" enemy.y) - // Emisiuni poziţia actuală a inamicului atunci când depanare la} inamic atac funcție (e: MouseEvent): void // Aceasta creează funcția de atac atunci când inamicul este apasat {enemyHP = enemyHP - atac jucător - // Pulls off valoarea de atac a valorii HP // rezultând o nouă valoare HP = führt.enemy.scaleX enemyHP / 100 - // Modifică lățimea bazată pe noul HP-Wert.// este împărțit la 100, la un număr zecimal umzuwandeln.enemy.scaleY ei enemyHP = / 100 - // schimbările de înălțime pe baza noului HP Wert.trace ( „inamicul a“ enemyHP, „HP stânga“) - // afiseaza cat mai are mult inamic HP}
  • 7
    Testează-l. Odată ce ați creat codul, puteți testa jocul. Faceți clic pe meniul Control și selectați Testați filmul. Jocul dvs. începe și puteți să faceți clic pe Enemy Object pentru ao redimensiona. Ieșirea de urmărire va fi afișată în fereastra de ieșire.
  • Partea 3
    Învățați tehnici avansate

    1
    Aflați cum funcționează pachetele. ActionScript se bazează pe Java și utilizează un sistem de pachete foarte asemănător. Cu pachete, puteți stoca variabile, constante, funcții și alte date în fișiere separate și apoi le puteți importa în programul dvs. Acestea sunt utile în special dacă doriți să utilizați un pachet dezvoltat de altcineva, ceea ce face mai ușor dezvoltarea jocului.
  • 2
    Creați propriile dosare de proiect. Dacă creați un joc cu mai multe pagini cu clipuri audio, veți dori să creați o structură de directoare pentru jocul dvs. Acest lucru vă permite să salvați cu ușurință diferitele elemente și diferitele pachete pe care le puteți apela.
  • Creați un dosar de bază pentru proiectul dvs. În dosarul de bază trebuie să aveți un folder "img" pentru opera dvs. de artă, un dosar "snd" pentru materialele dvs. audio și un dosar "src" pentru toate pachetele de joc și codul.
  • Creați un dosar "Game" în dosarul "src" pentru a salva fișierul cu constantele.
  • Această structură particulară nu este necesară, însă este o modalitate ușoară de a vă organiza munca și materialele, în special în cazul proiectelor mai mari. Pentru jocul simplu din partea de sus nu este nevoie să creați directoare.
  • 3
    Adăugați un sunet la jocul dvs. Un joc fără sunet sau muzică devine plictisitor pentru jucător. Puteți adăuga obiecte în Flash Sound folosind instrumentul Layer.
  • 4
    Creați un fișier cu constante. Dacă jocul dvs. are o mulțime de valori care rămân aceleași pe tot parcursul jocului, puteți crea un fișier de constante pentru a le salva pe toate într-un singur loc, astfel încât să le puteți accesa cu ușurință. Constantele pot include valori precum gravitatea, viteza jucătorului și orice alte valori pe care trebuie să le apelați frecvent.
  • Când creați un fișier de constante, acestea trebuie plasate într-un director în proiect și apoi importate ca un pachet. Spune, tu faci fișierul Konstanten.as și puneți-l în directorul de jocuri. Pentru a le importa, utilizați următorul cod:
    pachet {import Joc. * -}
  • 5
    Urmăriți jocuri de la alți oameni. În timp ce mulți dezvoltatori nu dezvăluie codul jocurilor lor, există o varietate de tutoriale de proiecte și alte proiecte independente în care puteți vedea codul și modul în care interacționează cu obiectele din joc. Aceasta este o modalitate foarte bună de a învăța tehnici avansate care pot ajuta jocul să iasă în evidență.
  • Distribuiți pe rețelele sociale:

    înrudit