Ați jucat vreodată un joc online și v-ați gândit: „Aș vrea să pot face unul dintre acestea, am câteva idei grozave”? În trecut, era necesar să învățăm cum să codăm în ActionScript 3, limbajul care alimentează Flash. Cu toate acestea, datorită unor programe de construire a jocurilor, experiența de codare este o cerință din trecut. Puteți crea jocuri distractive, profunde, manipulând obiecte și logică, fără a atinge vreodată o linie de cod.
Pași
Partea 1 din 4: Proiectarea jocului
Pasul 1. Scrieți o descriere de bază
Includeți funcții și ceea ce doriți ca jucătorul să realizeze. Este bine să aveți o schiță de bază a ceea ce doriți să faceți cu jocul dvs. scris, astfel încât să puteți face referire la el în timp ce lucrați la el.
Consultați acest ghid pentru mai multe detalii despre scrierea unui document de proiectare a jocului
Pasul 2. Desenați câteva schițe
Desenați un aspect de bază al aspectului pe care doriți să arate ecranele. Acestea nu trebuie să fie foarte detaliate, dar ar trebui cel puțin să aveți o idee despre locul în care vor fi plasate diferitele elemente pe ecran. Acestea vor fi incredibil de utile mai târziu când veți începe să creați interfața pentru jocul dvs.
Pasul 3. Alegeți o metodă pentru a vă crea jocul
În mod tradițional, ar trebui să învățați cum să codificați în ActionScript 3 pentru a crea jocuri Flash. Deși puteți face acest lucru, există programe disponibile care pot face crearea jocului mult mai ușor de învățat, care nu necesită experiență de codificare. Unele dintre cele mai populare opțiuni pentru realizarea jocurilor includ:
- Stencyl - Acesta este un instrument mai nou care vă permite să creați jocuri folosind obiecte și scripturi logice. Aceste jocuri pot fi apoi convertite în proiecte Flash și încărcate pe orice site web care acceptă jocuri Flash.
- Construcția 2 - Pe măsură ce Flash îmbătrânește, a început să fie înlocuit cu alte mijloace de creare a jocurilor. Una dintre cele mai noi modalități de a crea un joc online este utilizarea HTML5. În mod normal, acest lucru necesită multe cunoștințe de codificare, dar Construct 2 vă permite să creați jocuri folosind obiecte și scripturi, la fel ca Stencyl.
- Flash Builder - Aceasta este metoda tradițională de creare a jocurilor Flash. Acest lucru necesită o mulțime de cunoștințe ActionScript, dar este unul dintre limbajele mai ușoare de învățat elementele de bază ale. Flash Builder costă bani, dar puteți utiliza programul open-source FlashDevelop pentru a obține majoritatea aceleiași funcționalități.
Partea 2 din 4: Utilizarea Stencyl
Pasul 1. Descărcați și instalați Stencyl
Stencyl este un program de creare a jocurilor care nu necesită cunoștințe de codificare. În schimb, puteți utiliza o varietate de instrumente logice pentru a manipula obiecte din joc.
Stencyl poate fi utilizat gratuit dacă doriți doar să vă publicați jocul online. Versiunea gratuită va avea la început un logo Stencyl. Dacă primiți versiunea cu plată, puteți publica pe alte platforme
Pasul 2. Creați-vă noul joc
Când porniți Stencyl, vi se va afișa o listă a jocurilor dvs. Pe listă vor fi câteva exemple de jocuri pe care le puteți privi pentru a vedea cum funcționează. Pentru a începe să lucrați la propriul joc, faceți clic pe caseta cu linia punctată etichetată „Faceți clic aici pentru a crea un joc nou”.
Pasul 3. Selectați un kit
Există mai multe seturi care conțin obiecte și obiecte premade care vă pot ajuta să vă puneți jocul în funcțiune rapid. Selectați un kit dacă doriți sau selectați „Joc gol” dacă intenționați să vă creați propriul.
Puteți descărca kituri realizate de alți utilizatori online
Pasul 4. Introduceți informațiile despre joc
Înainte de a începe să vă creați jocul, va trebui să introduceți câteva informații.
- Nume - Acesta este numele jocului tău. Puteți schimba acest lucru mai târziu în orice doriți.
- Dimensiunea ecranului - Aceasta este dimensiunea ecranului jocului dvs. și este foarte importantă, deoarece va afecta arta pe care o utilizați. Deoarece oamenii vor juca cel mai probabil jocul dvs. în browserul lor web, dimensiunea ecranului nu trebuie să fie foarte mare. Încercați lățimea: 640 px Înălțimea: 480 px. Aceasta este o dimensiune bună pentru a începe.
Pasul 5. Familiarizați-vă cu aspectul
Când încărcați noul dvs. joc, veți fi dus la tabloul de bord. Aici puteți vedea toate scenele pentru jocul dvs. și puteți accesa orice resurse. De asemenea, puteți modifica setările de joc de aici. Veți petrece cea mai mare parte a timpului dvs. lucrând în tabloul de bord.
- Scene - Aceasta este fereastra principală a tabloului de bord și arată jocul real și toate activele. Jocul tău va fi o colecție de scene.
- Resurse - Aceasta este lista tuturor obiectelor și activelor din joc. include actori, fundaluri, fonturi, scene, logică, sunete și seturi de piese. Resursele sunt organizate într-un copac din partea stângă a ecranului.
- Setări - Opțiunile Joc și Setări vă permit să ajustați modul în care funcționează mecanica jocului, inclusiv controale, gravitație, coliziuni, ecrane de încărcare și multe altele.
Pasul 6. Personalizați un actor
Un actor este orice obiect cu care se mișcă sau poate fi interacționat în joc (jucător, inamic, uși etc.). Va trebui să creați un actor pentru fiecare obiect din joc. Pentru a crea un actor, faceți clic pe opțiunea „Tipuri de actori” din meniul Resurse. Selectați actorul pe care îl doriți din listă (lista este determinată de setul pe care l-ați ales).
- Alocați actorul unui grup (jucător, dușman). Acest lucru va ajuta la determinarea proprietăților de coliziune ale actorului. Selectați-vă actorul pentru a deschide Editorul de actori. Faceți clic pe fila Proprietăți, apoi alegeți grupul corespunzător din meniul derulant.
- Adăugați comportamente (sărituri, călcări, mers pe jos). Comportamentele sunt cele care permit actorului dvs. să efectueze acțiuni. Faceți clic pe fila Comportamente, apoi faceți clic pe butonul „+ Adăugați comportament” din colțul din stânga jos. Selectați un comportament (cum ar fi „Mersul”) din listă, apoi faceți clic pe „Alegeți”.
- Setați comenzile. Dacă creați un personaj de jucător, atunci probabil că veți dori să permiteți jucătorului să îl mute. Când adăugați comportamentul de mers pe jos, veți fi condus la ecranul atributelor de mers pe jos. Puteți utiliza meniurile derulante pentru a alege ce taste vor muta actorul la stânga și la dreapta. Puteți atribui animații și dacă kitul pe care îl utilizați conține.
- Puteți adăuga mai multe comportamente pentru a personaliza ceea ce poate face un actor.
Pasul 7. Creați o scenă
Scena este ceea ce vede jucătorul atunci când joacă jocul. Este fundalul, precum și orice obiecte și actori care sunt vizibili. Pentru a crea o scenă nouă, faceți clic pe opțiunea Scene din arborele Resurse, apoi faceți clic pe caseta punctată. Dă-i noii scenei un nume pentru a continua.
- Fundal - Scena dvs. va fi dimensionată automat, deci nu trebuie să vă faceți griji în acest moment. Puteți alege să utilizați o culoare ca fundal, care va avea dale plasate deasupra acestuia. Puteți alege dintr-o culoare solidă sau un gradient. Faceți clic pe „Creați” când ați terminat. Aceasta va deschide Scene Designer.
- Plasați plăcile - Setul de plăci inclus în kitul dvs. va fi încărcat în partea dreaptă a ferestrei. Faceți clic pe instrumentul Creion din meniul din stânga, apoi faceți clic pe țiglă pe care doriți să o utilizați. Apoi, puteți așeza țiglă pe scena dvs. Faceți clic și trageți cu mouse-ul pentru a plasa mai multe dale.
- Plasarea actorilor - Faceți clic pe fila Actori de deasupra setului de plăci pentru a comuta la actorii disponibili. Trebuie să le fi creat anterior pentru ca acestea să apară în această listă. Faceți clic pe actorul pe care doriți să îl plasați, apoi faceți clic pe locul în care doriți să apară scena. Dacă țineți apăsat ⇧ Shift, actorul se va fixa în grilă.
- Adăugarea gravitației - Faceți clic pe fila „Fizică” din partea de sus a ferestrei, apoi introduceți o valoare în câmpul „Gravitate (verticală)”. Introducerea 85 va simula gravitația din lumea reală.
Pasul 8. Testați jocul
După ce ați creat o scenă și ați plasat câțiva actori, puteți testa jocul. Faceți clic pe butonul „Testare joc” din partea de sus a ecranului pentru a reda ceea ce aveți până acum. Puteți utiliza tastele pe care le setați atunci când vă creați actorii pentru a vă controla caracterul jucătorului.
Găsiți orice aspecte care nu funcționează și încercați să le remediați. De exemplu, inamicii se comportă corect? Îți poți învinge dușmanii? Există platforme inaccesibile sau prăpastii care nu pot fi traversate? Reveniți la zona relevantă a editorului de joc pentru a remedia oricare dintre problemele pe care le găsiți. Poate dura ceva timp, dar rezultatul final va fi un joc mult mai distractiv și mai jucabil
Pasul 9. Adăugați mai multe
Acum că aveți o primă scenă funcțională, care poate fi redată, este timpul să începeți construirea întregului joc. Adăugați mai multe niveluri și provocări și continuați să testați completările pentru a vă asigura că sunt distractive și funcționează corect.
Pasul 10. Site-ul Blochează-ți jocul
Dacă doriți să încărcați jocul pe un site care găzduiește jocuri Flash sau să încărcați pe propriul site, probabil că veți dori să activați „Blocarea site-ului”. Acest lucru va împiedica jocul dvs. dacă nu se află pe lista permisă de site-uri.
- Deschideți „Setări joc” din arborele „Resurse”. Selectați secțiunea „Încărcător”. Introduceți site-urile pe care doriți să le permiteți în câmpul „Blocare site”, separate printr-o virgulă fără spațiu. De exemplu, newgrounds.com, kongregate.com.
- În acest ecran, introduceți pagina de pornire în câmpul „Pagina dvs. de pornire”, dacă aveți una. Acest lucru va permite jucătorilor care vă joacă jocul să fie conectați la site-ul dvs.
Pasul 11. Exportați jocul ca Flash
După ce sunteți mulțumit de joc, îl puteți exporta în format Flash. Acest lucru vă va permite să încărcați jocul pe un site care găzduiește jocuri Flash sau pe propriul site web. Clic Publica selectați Web și apoi faceți clic pe Flash. Salvați fișierul într-o locație ușor de găsit pe computer.
Pasul 12. Publică jocul
După ce aveți fișierul Flash (. SWF), îl puteți încărca pe gazda la alegere. Există o varietate de site-uri online care găzduiesc jocuri Flash, iar unele vă pot permite chiar să câștigați din veniturile din publicitate cu jocul dvs. De asemenea, puteți să vă încărcați jocul pe propriul site web, dar veți dori să vă asigurați că aveți lățimea de bandă pentru a satisface jucătorii dacă jocul devine popular.
- Consultați acest ghid pentru încărcarea jocului pe propriul site web.
- Dacă doriți să încărcați jocul pe un site precum Newgrounds sau Kongregate, va trebui să vă creați un cont și apoi să parcurgeți procesul de încărcare pentru site. Termenii și condițiile vor varia de la un site la altul.
- Dacă doriți să vă publicați jocul pe Stencyl Arcade, puteți face acest lucru din cadrul Programului Stencyl. Clic Publica selectați Stencyl și apoi faceți clic pe Arcade. Jocul va fi încărcat automat, deci asigurați-vă că sunteți mulțumit de nume înainte de a face acest lucru. Stencyl Arcade are o limită de 8 MB pentru dimensiunea fișierului.
Partea 3 din 4: Utilizarea Construct 2
Pasul 1. Descărcați și instalați Construct 2
Acest program vă permite să creați jocuri HTML5 cu codificare foarte mică. Va trebui să atribuiți câteva variabile, dar toate acestea se fac prin meniuri fără a fi necesară codificarea reală.
Construct 2 este gratuit, deși unele caracteristici sunt limitate, cu excepția cazului în care faceți upgrade. Versiunea gratuită nu poate publica pe alte platforme decât HTML5
Pasul 2. Creați un proiect nou
Când porniți Construct 2 pentru prima dată, veți fi întâmpinat cu un meniu de bun venit. Faceți clic pe linkul „Proiect nou” pentru a începe un joc nou. Există, de asemenea, câteva exemple incluse pe care le puteți folosi pentru a vedea cum sunt create jocurile de bază.
Când creați un proiect nou, vi se va oferi o listă de șabloane. Pentru primul dvs. proiect, probabil că veți dori să începeți cu un proiect gol. Acest lucru vă va permite să obțineți un element de bază fără ca șabloanele să vă împiedice
Pasul 3. Reglați setările proiectului
În cadrul stâng al ferestrei proiectului, veți vedea o serie de articole în cadrul Proprietăți. Puteți utiliza acest lucru pentru a seta dimensiunea ecranului și pentru a introduce în informațiile despre joc și companie.
Pasul 4. Introduceți un fundal
Faceți dublu clic pe aspect. Selectați „Fundal cu gresie” din secțiunea General. Faceți clic pe aspectul dvs. pentru a plasa fundalul. Aceasta va deschide editorul de fundal. Va trebui să vă creați propriul cu ajutorul software-ului de editare a imaginilor sau să descărcați texturi dintr-o varietate de locații online.
- Setați fundalul la dimensiunea aspectului. Faceți acest lucru selectând obiectul de fundal și schimbând dimensiunea în cadrul Proprietăți.
- Schimbați numele stratului și blocați-l. Veți dori să blocați stratul pentru a preveni deplasarea accidentală în timp ce plasați alte obiecte. Faceți clic pe fila „Straturi” din partea dreaptă a ecranului. Selectați stratul și faceți clic pe pictograma Creion. Denumiți stratul „Fundal”, apoi faceți clic pe butonul „Lacăt” pentru a bloca fundalul.
Pasul 5. Creați un strat nou
În fila Straturi, faceți clic pe butonul „+” pentru a crea un strat nou. Redenumiți-l în „Principal”. Acesta va fi stratul pe care se află majoritatea obiectelor de joc. Asigurați-vă că este selectat stratul principal înainte de a continua.
Pasul 6. Adăugați intrări pentru jocul dvs
În Construcția 2, intrările dvs. vor trebui adăugate ca obiecte la joc. Acestea sunt invizibile și vor permite utilizarea tastaturii și a mouse-ului pe tot parcursul proiectului.
Faceți dublu clic pe aspectul dvs. și selectați „Mouse” din secțiunea Introducere. Faceți același lucru pentru a insera obiectul „Tastatură”
Pasul 7. Adăugați obiecte
Este timpul să începeți să adăugați câteva obiecte de joc la aspectul dvs. Faceți dublu clic pe aspect și selectați „Sprite” din secțiunea General. Folosiți mirele pentru a alege unde doriți să plasați sprite-ul. Editorul de imagini se va deschide, permițându-vă fie să încărcați un sprite existent, fie să creați unul nou.
Când selectați spritele pe aspectul dvs., proprietățile spritului se vor încărca în cadrul din stânga. Schimbați numele spritei, astfel încât să îl puteți identifica și să faceți referire la el mai ușor
Pasul 8. Adăugați comportamente la obiectele dvs
Pentru a adăuga un comportament, faceți clic pe obiectul pe care doriți să adăugați un comportament complet pentru al selecta. Faceți clic pe linkul „Adăugați / editați” din secțiunea Comportamente din cadrul Proprietăți. Va apărea o listă de comportamente disponibile.
Comportamentele sunt piese logice preconfigurate care vă permit să adăugați rapid funcționalitate obiectelor dvs. Puteți alege dintr-o mare varietate de comportamente premade care pot îndeplini o gamă largă de funcții. De exemplu, pentru a face podeaua solidă, dați-i comportamentul „Solid”. Pentru a deplasa personajul-jucător în opt direcții, dați-i comportamentul „mișcării în 8 direcții”
Pasul 9. Schimbați proprietățile comportamentului
Puteți edita comportamentele existente pentru a personaliza modul în care funcționează obiectele dvs. Puteți modifica valorile pentru a modifica viteza, direcția și alte proprietăți.
Pasul 10. Înțelegeți cum funcționează evenimentele
Evenimentele sunt o listă de condiții și sunt cele care conduc jocul. Dacă sunt îndeplinite condițiile, apare evenimentul. Dacă condițiile nu sunt îndeplinite, evenimentul nu are loc. Foaia de evenimente este de obicei rulată de aproximativ 60 de ori pe secundă. De fiecare dată când rulează se numește „bifă”.
Pasul 11. Creați un eveniment
Faceți dublu clic pe foaia goală de evenimente. Va apărea o listă de obiecte disponibile. Selectați obiectul pentru care doriți să creați un eveniment sau puteți crea un eveniment de sistem.
- Selectați când are loc acțiunea. După selectarea obiectului, vi se va cere să selectați când ar trebui să aibă loc evenimentul. Acest lucru se poate baza pe alte evenimente sau în anumite momente. „Fiecare căpușă” este întotdeauna.
- Adăugați o acțiune. Vi se va cere să selectați unul dintre obiectele dvs. Alegeți dintr-o listă de acțiuni. De exemplu, dacă faceți un shooter de sus în jos și doriți ca personajul jucătorului să privească întotdeauna mouse-ul, veți crea o acțiune „Set unghi spre poziție” pe fiecare bifă setată la obiectul Player. Când vi se solicită coordonatele, introduceți „Mouse. X” pentru X și „Mouse. Y” pentru Y. Aceasta va menține nava jucătorului îndreptată întotdeauna spre cursor.
Pasul 12. Adăugați mai multe evenimente și comportamente
Acestea sunt coloana vertebrală a jocului tău. Adăugarea și modificarea comportamentelor și evenimentelor vă vor ajuta să creați un joc unic și distractiv pe care oamenii îl vor juca. Experimentați cu diferite evenimente pentru a încerca să obțineți exact jocul dorit.
Pasul 13. Adăugați câteva variabile
Există două tipuri de variabile în Construct 2: variabile de instanță și variabile globale. Acestea vă permit să setați valori personalizate pentru obiectele și jocul dvs., cum ar fi sănătatea, limitele de timp, scorurile și multe altele.
- Variabile de instanță - Variabilele de instanță sunt variabile atribuite unor obiecte individuale. Sunt folosite pentru lucruri precum sănătatea inamicului și a jucătorului. Puteți adăuga variabile de instanță după selectarea unui obiect făcând clic pe linkul „Adăugați / editați” din secțiunea Variabile din cadrul Proprietăți. Acordați variabilei un nume la care se poate face referire într-un eveniment, precum și o valoare inițială.
- Variabile globale - Variabilele globale sunt variabile atribuite întregului joc. Sunt folosite pentru lucruri precum scorul jucătorului. Pentru a crea o variabilă globală, deschideți foaia de evenimente și faceți clic dreapta pe un spațiu gol. Faceți clic pe „Adăugați o variabilă globală”, dați-i un nume la care se poate face referire într-un eveniment, apoi introduceți o valoare inițială.
Pasul 14. Creați o interfață
Când creați o interfață, este de obicei cel mai bine să faceți acest lucru pe un strat nou. Acest lucru se datorează faptului că interfața se mișcă sau se modifică rar, deci este bine să o aveți pe un strat blocat. În cadrul Proprietăți pentru noul strat, setați „Parallax” la 0. Acest lucru va împiedica derularea stratului atunci când ecranul o face.
Utilizați casete de text și variabile pentru a vă crea interfața. Puteți seta casetele text pentru a afișa sănătatea, scorul, muniția sau orice altceva pe care jucătorul ar trebui să îl vadă în mod regulat
Pasul 15. Testează-ți și revizuiește jocul
Acum că aveți câteva obiecte pe ecran cu evenimente și comportamente, puteți începe să testați și să adăugați conținut. Faceți clic pe butonul „Joacă” din partea de sus a ecranului pentru a construi și testa jocul. Notați orice nu a funcționat și încercați să o remediați, astfel încât jocul dvs. să poată fi redat și distractiv.
Pasul 16. Exportați jocul
Dacă sunteți mulțumit de jocul dvs., îl puteți exporta astfel încât să poată fi încărcat pe un site web și jucat de oricine. Pentru a exporta jocul, faceți clic pe Fişier din meniu și selectați Export. Salvați proiectul într-o locație pe care o puteți localiza cu ușurință.
Pasul 17. Publică jocul
Există mai multe site-uri care vă permit să încărcați jocuri HTML5 pentru ca alții să le joace. De asemenea, puteți adăuga jocul pe propriul site web. Consultați acest ghid pentru detalii despre încărcarea jocului pe propriul site web.
Partea 4 din 4: Codarea de la Scratch
Pasul 1. Descărcați un IDE de programare (mediu de dezvoltare integrat) care acceptă HTML, cum ar fi Game Maker Studio
Unele sunt disponibile gratuit, deși multe dintre cele mai bune IDE costă sute de dolari.
Pasul 2. Învață să folosești IDE
Învățarea programării în mediul dvs. este extrem de importantă. Memorarea majorității codului comun și învățarea modului de implementare corectă a lucrurilor poate dura săptămâni sau chiar luni. Ai răbdare și totul va da roade!
Pasul 3. Creați-vă jocul după ce credeți că sunteți gata
Realizarea unui document de proiectare sau notarea unor idei este un început minunat. Programarea unui joc poate dura luni sau dacă sunteți cu adevărat serioși în ceea ce privește succesul, chiar și un an sau doi.
Pasul 4. Testați jocul
Asigurați-vă că încercați să faceți lucruri nebunești sau neașteptate și să eliminați cât mai multe bug-uri posibil. Încercați, de asemenea, să stabiliți dacă jocul este așa cum v-ați dorit sau dacă trebuie să vă întoarceți și să faceți modificări.
Pasul 5. Publică-l
Publică-ți jocul online pe un site web precum Kongregate. Ar trebui să fiți pregătit pentru critici constructive și poate doriți să vă actualizați jocul pentru a satisface dorințele bazei dvs. de jucători.
sfaturi
- Dacă sunteți mai interesat să aflați codul din spatele jocurilor Flash, puteți folosi codul Flash Builder și ActionScript 3 pentru a crea jocuri personalizate. Acest lucru va dura mai mult, dar ar putea duce la o experiență mai unică. Consultați acest ghid pentru detalii despre programare în Actions Script 3.
- Acordați credit oricăror surse din care ați luat idei sau conținut și tuturor celor care au contribuit la crearea jocului.
