Cum se creează un joc online

A jucat deja un joc online și a crezut că "am vrut să fac una din acestea pentru că am idei minunate"? A trebuit să învățați cum să codificați în ActionScript 3, limbajul de programare Flash. Datorită programelor de producție a jocurilor, însă, programarea este o condiție prealabilă a trecutului. Puteți crea jocuri distractive și complete prin manipularea obiectelor și a logicii, dar fără a scrie o singură linie de cod.

conținut

Pași
Partea 1proiectarea jocului
Partea 2folosind stencil
Partea 3utilizând construct 2
Sfaturi
Surse și cotatii

pași

Partea 1
Proiectarea jocului

1
Scrieți o descriere de bază. Includeți caracteristicile și ce doriți să realizeze jucătorul cu jocul. Este bine să aveți o prezentare scrisă a ceea ce doriți să faceți cu jocul, astfel încât să îl puteți utiliza pentru referire ulterior.
2
Faceți niște schițe. Desenați un aspect de bază a modului în care doriți ecrane. Nu necesită multe detalii, dar ar trebui să aveți cel puțin o idee despre locul în care vor fi poziționate diferitele elemente care alcătuiesc ecranul. Aceste schițe vor fi utile ulterior atunci când începeți să construiți interfața de joc.
3
Alegeți o metodă de creare pentru jocul dvs. În mod tradițional, va trebui să învățați cum să codificați folosind ActionScript 3 pentru a putea crea jocuri Flash. Deși puteți face acest lucru, există programe pe care le puteți utiliza, ceea ce face mult mai ușor pentru a învăța dezvoltarea jocurilor și nu necesită experiență de codificare. Unele dintre cele mai populare opțiuni pentru crearea de jocuri sunt:
- Stencyl - Acesta este un instrument mai nou care vă permite să construiți jocuri folosind obiecte și scripturi cu logică. Aceste jocuri pot fi convertite în proiecte Flash și încărcate pe orice site care acceptă acest format de joc.
- Construct 2 - Pe măsură ce Flash a devenit mai în vârstă, a început să fie înlocuit cu alte mijloace de creare a jocurilor. Una dintre cele mai ușoare căi de a crea un joc online este utilizarea HTML5. În mod normal, acest lucru necesită o mulțime de cunoștințe de codificare, dar construi 2 vă permite să creați jocuri folosind obiecte și script-uri, precum și Stencyl.
- Flash Builder - Aceasta este metoda tradițională pentru crearea de jocuri Flash. Este nevoie de o mulțime de cunoștințe ActionScript, dar este una dintre cele mai simple limbi de programare de învățat. Flash Builer este plătit, dar puteți utiliza programul open-source FlashDevelop pentru a utiliza aceeași funcție.

Partea 2
Folosind Stencil

1
Descărcați și instalați Stencyl. Acesta este un program creativ care nu necesită cunoștințe de programare. În schimb, puteți utiliza diferite instrumente logice pentru a manipula obiectele din joc.
- Stencilul poate fi folosit gratuit dacă doriți doar să publicați jocul online. Versiunea gratuită are o siglă Stencyl la începutul jocului. Dacă cumperi versiunea completă, poți publica pe alte platforme.
2
Creați noul joc. Când începeți Stencyl, veți vedea o listă a jocurilor dvs. Vor apărea mai multe jocuri pe listă pe care le puteți vedea pentru a vedea cum funcționează. Pentru a începe să lucrați la jocul propriu, faceți clic pe caseta cu linia punctată unde scrie "Creați un nou joc".
3
Alegeți un kit. Există mai multe kituri care conțin caracteristici și obiecte pre-pregătite, care vă pot ajuta să obțineți rapidul jocului. Alegeți o ieșire la alegere sau alegeți "Joc gol" dacă intenționați să faceți ceva de la zero.
- Puteți descărca kituri pe care le-au făcut alți utilizatori.
4
Introduceți informațiile despre joc. Înainte de a începe să vă creați jocul, va trebui să introduceți informații despre el.
- Nume - Acesta este numele jocului dvs. Puteți schimba asta mai târziu.
- Dimensiunea ecranului - aceasta este dimensiunea ecranului dvs. de joc și este foarte importantă, deoarece va afecta tipul de artă pe care îl veți folosi. Deoarece utilizatorii vor juca, probabil, jocul dvs. în browser, dimensiunea ecranului nu trebuie să fie prea mare. Încercați Lățime: 640 pixeli Înălțime: 480 px. Aceasta este o mărime bună pentru a începe.
5
Familiarizați-vă cu aspectul. Când încarci noul joc, vei fi dus la Tabloul de bord. Aici puteți vedea toate scene ale jocului și puteți accesa toate funcțiile. De asemenea, puteți schimba setările de joc de aici. Veți petrece cea mai mare parte a timpului de lucru pe tabloul de bord.
- Scene - Aceasta este fereastra principală a tabloului de bord și arată jocul în sine și toate activele. Jocul dvs. va fi o colecție de scene.
- Resurse - Aceasta este o listă a tuturor obiectelor și a bunurilor din joc. Acesta include actori, fundaluri, fonturi, scene, logica, sunete și tilesets. Caracteristicile sunt aranjate într-un copac din partea stângă a ecranului.
- Setări - joc și opțiuni de setări vă permit să ajustați modul în care mecanicii de lucrări de jocuri, inclusiv controale, gravitatea, coliziuni, ecrane de încărcare și multe altele.
6
Personalizați un actor. Un actor este orice obiect care se mișcă sau cu care jucătorul poate interacționa în joc (jucător, inamic, ușă, 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. Alegeți actorul dorit utilizând lista (această listă este determinată de tipul de kit pe care l-ați ales).
- Atribuiți unui actor unui grup (jucător, inamic). Acest lucru va ajuta la determinarea proprietăților de coliziune ale actorului. Alegeți actorul dvs. pentru a deschide Editorul Actorului. Faceți clic pe fila Proprietăți și apoi selectați un grup adecvat din meniul derulant.
- Adăugați comportamente (sărituri, stomping, mersul pe jos). Comportamentele sunt ceea ce permite actorului dvs. să acționeze. Faceți clic pe fila Comportamente și apoi pe butonul "+ Add Behavior" din colțul din stânga jos. Alegeți un comportament (cum ar fi "Plimbare") din listă și apoi faceți clic pe "Alegeți".
- Setați comenzile. Dacă creați un jucător de caractere, probabil că doriți ca jucătorul să îl mute. Când adăugați un comportament de mers pe jos, veți fi dusi 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. De asemenea, puteți atribui animații dacă kitul pe care îl utilizați are vreunul.
- Puteți adăuga mai multe comportamente pentru a personaliza acțiunile pe care un actor le poate efectua.
7
Creați o scenă. Scena este ceea ce jucătorul vede atunci când joacă jocul. Este fundalul, precum și orice alte obiecte și actori care sunt vizibile. Pentru a crea o scenă nouă, faceți clic pe opțiunea Scene din arborele Resurse, apoi faceți clic pe caseta cu puncte. Denumiți scena și continuați.
- Context - Scena dvs. va avea o dimensiune auto, deci nu trebuie să vă faceți griji în acest moment. Puteți alege să utilizați o culoare ca fundal, care va avea poziția plăcilor pe aceasta. Puteți alege o culoare solidă sau un gradient. Faceți clic pe "Creați" când ați terminat. Aceasta va deschide Scenograful.
- Plasarea plăcilor - Tileset-ul inclus în kitul dvs. va fi încărcat în partea dreaptă a ecranului. Faceți clic pe instrumentul Creion în meniul din stânga, apoi faceți clic pe țigla pe care doriți să o utilizați. Apoi, puteți poziționa țigla în scenă. Faceți clic și trageți cu mouse-ul pentru a poziționa mai multe plăci.
- Plasarea actorilor - faceți clic pe fila Actori deasupra setului dvs. de tiles pentru a trece la actorii disponibili. Trebuie să le creați înainte de a apărea pe această listă. Faceți clic pe actorul pe care doriți să-l poziționați și apoi faceți clic oriunde pe scena în care doriți să fie. Dacă țineți apăsată tasta ⇧ Shift, actorul va fi poziționat folosind fila grila.
- Adăugați gravitatea - faceți clic pe fila "Fizică" din partea de sus a ferestrei și apoi introduceți o valoare în câmpul "Gravitate (verticală)". Introduceți valoarea 85 va simula gravitatea lumii reale.
8
Testați jocul. După ce ați creat o scenă și ați pus niște actori, puteți testa jocul. Faceți clic pe butonul "Test Game" din partea de sus a ecranului pentru a reda ceea ce ați făcut până acum. Puteți folosi tastele pe care le-ați setat în timpul creării actorilor pentru a controla playerul de caractere.
- Găsiți lucrurile 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 pe care nu le puteți atinge sau care nu pot fi depășite? Reveniți la zona relevantă a editorului de jocuri pentru a remedia problemele pe care le întâmpinați. Acest lucru poate dura ceva timp, dar în cele din urmă, rezultatul va fi un joc mult mai distractiv și mai jucabil.
9
Adăugați mai multe chestii. Acum că aveți o primă scenă care rulează, este timpul să începeți să vă construiți întregul joc. Adăugați mai multe nivele și provocări și continuați testarea adăugărilor pentru a vă asigura că totul este distractiv și că funcționează corect.
10
Închideți jocul. Dacă trimiteți jocul la un site web hosting jocuri flash, sau propriul site, ar trebui să activați, probabil, „Site-ul de blocare“ opțiune. Acest lucru va împiedica jocul dvs. dacă nu se află pe lista site-urilor permise.
- Deschideți opțiunea "Setări joc" din arborele "Resurse". Selectați secțiunea "Loader". Introduceți site-urile pe care doriți să le permiteți în câmpul "Site Lock", separate prin virgule fără spațiu. De exemplu, newgrounds.com, kongregate.com.
- În timp ce pe 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.
11
Exportați jocul ca Flash. Când sunteți mulțumit de jocul dvs., îl puteți exporta în format Flash. Acest lucru vă va permite să trimiteți jocul la un site care găzduiește jocuri Flash sau la propriul dvs. site. Faceți clic pe publica alegere web apoi faceți clic pe bliț. Salvați fișierul într-o locație ușor de găsit pe computer.
12
Publicați jocul. Odată ce aveți fișierul Flash (.swf), îl puteți încărca la gazda dorită. Există mai multe site-uri web care găzduiesc jocuri Flash, iar altele vă pot permite chiar să faceți bani din publicitate în jocul dvs. De asemenea, puteți trimite jocul pe un site propriu, dar trebuie să vă asigurați că aveți o lățime de bandă suficientă pentru a sprijini jucătorii dacă jocul dvs. este popular.
- Dacă doriți să trimiteți jocul la un site ca Newgrounds sau Kongregate, trebuie să creați un cont și apoi urmați procesul de pe site-ul. Termenii și condițiile variază de la un site la altul.
- Dacă doriți să vă publicați jocul pe Stencyl Arcade, puteți face acest lucru din interiorul Stencyl. Faceți clic pe publica, alegere Stencyl și apoi în arcadă. Jocul va fi trimis automat, deci asigurați-vă că sunteți mulțumit cu numele înainte de a face acest lucru. Stencyl Arcade are o limită a dimensiunii de fișier de 8 MB.

Partea 3
Utilizând Construct 2

1
Descărcați și instalați Construct 2. Acest program vă permite să creați jocuri HTML5 cu codare foarte puțin. Va trebui să definiți câteva variabile, dar acest lucru se face prin meniuri fără codificare reală.
- Construct 2 este gratuit, deși unele funcționalități sunt limitate până când achiziționați versiunea completă. Versiunea gratuită nu se publică pe altă platformă decât HTML5.
2
Creați un nou proiect. Când începeți Construct 2, veți vedea un ecran de întâmpinare. Faceți clic pe "Proiect nou" pentru a începe un nou joc. Există, de asemenea, câteva exemple incluse pentru a vedea cum sunt create jocurile de bază.
- Când creați un nou proiect, veți primi o listă de șabloane. Pentru primul proiect, probabil că veți dori să începeți cu un proiect gol. Acest lucru vă va permite să învățați elementele de bază fără a deranja șabloanele.
3
Ajustați setările proiectului. În rama stângă a ferestrei proiectului, veți vedea mai multe elemente în cadrul Proprietăți. Puteți să-l utilizați pentru a ajusta dimensiunea ecranului și pentru a introduce informații despre joc și companie.
4
Introduceți un fundal. Faceți dublu clic pe aspect. Alegeți fundalul "Tiled" din secțiunea Generală. Faceți clic pe aspectul dvs. pentru a pune fundalul. Acest lucru se va deschide editorul de imagini Construct 2. Ai nevoie pentru a crea propria imagine folosind un editor de imagine, sau descarca texturi de diferite site-uri online.
- Setați fundalul pentru dimensiunea aspectului. Faceți acest lucru selectând obiectul de fundal și modificând dimensiunea acestuia în cadrul Proprietăți.
- Redenumiți stratul și blocați-l. Trebuie să blocați stratul pentru a evita mutarea accidentală atunci când poziționați alte obiecte. Faceți clic pe fila "Straturi" din partea dreaptă a ecranului. Alegeți stratul și faceți clic pe pictograma creion. Apelați stratul "Fundal" și apoi faceți clic pe butonul cu pictograma blocare pentru a bloca fundalul.
5
Creați un nou strat. În fila Straturi, faceți clic pe butonul "+" pentru a crea un strat nou. Redenumiți-o în "Main". Acesta va fi stratul care va conține majoritatea obiectelor dvs. de joc. Asigurați-vă că este selectat stratul principal înainte de a continua.
6
Adăugați metode de introducere în joc. În Construct 2, modul în care interacționezi cu jocul trebuie să fie adăugat la obiectele din joc. Aceste metode sunt invizibile și vor permite utilizarea tastaturii și mouse-ului pe tot parcursul proiectului.
- Faceți dublu clic pe aspectul dvs. și alegeți "Mouse" din secțiunea Input (Introducere). Faceți același lucru cu obiectul "Tastatură".
7
Adăugați obiectele. Este timpul să începeți adăugarea unor obiecte de joc la aspectul dvs. Faceți dublu clic pe aspect și alegeți "Sprite" din secțiunea Generală. Utilizați crucea pentru a alege locul în care doriți să poziționați Sprite. Editorul de imagini se va deschide, permițându-vă să încărcați a sprite existent, sau să creați unul nou.
- Când alegeți spritele în aspectul dvs., proprietățile acestora vor apărea în cadrul din stânga. Redenumiți sprite-ul pentru a fi mai ușor de identificat.
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 pentru ao selecta. Faceți clic pe "Adăugați / editați" în secțiunea Comportamente din cadrul Proprietăți. Va apărea o listă cu comportamentele disponibile.
- Comportamentele sunt bucăți de logică preconfigurate care vă permit să adăugați rapid funcționalitatea obiectelor dvs. Puteți alege dintr-o gamă largă de comportamente gata făcute, care pot efectua diverse funcții. De exemplu, pentru a face solul solid, dați-i comportamentul "solid". Pentru a muta caracterul jucătorului în 8 direcții, dați-i comportamentul "mișcării în 8 direcții".
9
Modificați proprietățile de comportament. Puteți modifica comportamentele existente pentru a particulariza modul în care funcționează obiectele dvs. Puteți schimba valorile pentru a modifica viteza, direcția și alte proprietăți.
10
Înțelegeți cum funcționează evenimentele. Acestea sunt o listă de condiții și sunt ceea ce controlează jocul. Dacă se întâmplă anumite condiții, evenimentul are loc. În caz contrar, nu. Foaia de evenimente rulează în mod normal de 60 de ori pe secundă. De fiecare dată când roata se numește "bifați".
11
Creați un eveniment. Faceți dublu clic pe foaia de evenimente necompletată. Va apărea o listă cu obiectele disponibile. Alegeți obiectul pentru care doriți să creați un eveniment sau puteți crea un eveniment de sistem.
- alegeți când va avea loc acțiunea. După alegerea obiectului, trebuie să spuneți când va avea loc evenimentul. Acest lucru se poate baza pe alte evenimente sau pe anumite momente. Opțiunea "Fiecare bifați" rulează întotdeauna.
- Adăugați o acțiune. Trebuie să alegeți unul dintre obiectele dvs. Alegeți dintr-o listă de acțiuni. De exemplu, dacă faci un shooter de sus în jos, și doriți caracterul jucătorului uita mereu la mouse-ul, creați o acțiune „Set unghi față de poziția“ de fiecare tic pentru a regla obiectul Player. Când trebuie să adăugați coordonatele, introduceți „mouse.x“ pentru X și „mouse.y“ la Y. Acest lucru va lăsa player-ul îndreptat întotdeauna în direcția cursorului.
12
Adăugați mai multe evenimente și comportamente. Acestea sunt coloana vertebrală a jocului dvs. Adăugarea și tinkeringul cu comportamentele și evenimentele vă va ajuta să creați un joc distractiv și unic pe care oamenii vor fi nebuni să îl joace. Experimentați cu evenimente diferite pentru a încerca să obțineți rezultatul dorit.
13
Adăugați unele variabile. Există două tipuri de variabile în Construct 2: instanță și variabile globale. Acestea vă permit să setați valori personalizate pentru obiectele și jocurile dvs., cum ar fi viața, limitele de timp, punctuația și multe altele.
- Variabile de instanță - Acestea sunt variabile atribuite unui singur obiect. Ele sunt folosite pentru lucruri precum viața 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 panoul Proprietăți. Denumiți variabila care poate fi menționată într-un eveniment, precum și o valoare inițială.
- Variabilele globale - Acestea sunt variabilele atribuite jocului în ansamblu. Ele sunt folosite pentru lucruri precum scorul jucătorului. Pentru a crea o variabilă globală, deschideți foaia Eveniment și faceți clic dreapta pe un spațiu gol. Faceți clic pe "Adăugați o variabilă globală", dați un nume care poate fi referit într-un eveniment și apoi o valoare inițială.
14
Creați o interfață. Când creați interfața, este de obicei cel mai bine să faceți acest lucru într-un nou strat. Acest lucru se întâmplă deoarece interfața se mișcă, de obicei, sau se schimbă, deci este bine să o lăsați într-un strat blocat. În cadrul Proprietăți al acestui nou strat, setați proprietatea "Parallax" la 0. Aceasta va împiedica deplasarea stratului pe ecran.
- Utilizați casetele de text și variabilele pentru a crea interfața. Puteți să vă setați casetele de text astfel încât acestea să afișeze viața, punctuația, gloanțele sau orice altceva pe care jucătorul ar trebui să o vizualizeze în mod regulat.
15
Testați și examinați jocul. Acum că ați pus unele obiecte pe ecran cu evenimente și comportamente, puteți începe testarea și adăugarea de conținut. Faceți clic pe butonul "Redare" din partea de sus a ecranului pentru a construi și a testa jocul. Luați act de lucruri care nu au funcționat și încercați să le reparați, astfel încât jocul dvs. este distractiv și poate fi jucat fără probleme.
16
Exportați jocul. Dacă sunteți mulțumit de jocul dvs., îl puteți exporta astfel încât să poată fi trimis pe un site și jucat de oricine. Pentru a exporta jocul, faceți clic pe meniu fișier și alegeți export. Salvați proiectul într-o locație ușor de găsit.
17
Publicați jocul. Există mai multe site-uri care vă permit să trimiteți jocurile dvs. HTML5 altor persoane pentru a juca. De asemenea, puteți adăuga jocul pe propriul dvs. site web.

sfaturi

Dacă sunteți mai interesat de învățarea programării în spatele jocurilor Flash, puteți utiliza codul Flash Builder și codul ActionScript 3 pentru a vă crea jocurile. Aceasta va dura mai mult, dar poate duce la o experiență mai unică.
Asigurați-vă că acordați credit tuturor surselor de la care utilizați ideile sau conținutul și oricui altcineva care a ajutat în joc.