3 moduri de a crea un joc online

Cuprins:

3 moduri de a crea un joc online
3 moduri de a crea un joc online

Video: 3 moduri de a crea un joc online

Video: 3 moduri de a crea un joc online
Video: Trick to Screenshot on Windows PC 2024, Aprilie
Anonim

Ai jucat vreodată un joc online și te-ai gândit: „Vreau să fac așa ceva, am câteva idei grozave”? În trecut, trebuia să înveți cum să codezi în ActionScript 3, limbajul care alimentează Flash. Cu toate acestea, datorită unor programe de generare a jocurilor, experiența de codare este un lucru din trecut. Puteți face jocurile distractive și captivante manipulând obiecte și logică, fără a atinge deloc nicio linie de cod.

Etapa

Metoda 1 din 3: Proiectarea jocurilor

Faceți jocuri online Pasul 1
Faceți jocuri online Pasul 1

Pasul 1. Scrieți o descriere de bază

Introduceți caracteristicile și ceea ce doriți ca jucătorul să realizeze. Este minunat să ai o schiță de bază a ceea ce vrei să faci cu jocul tău în scris, astfel încât să îl poți vedea pe măsură ce lucrezi la el.

Consultați acest ghid pentru mai multe detalii despre scrierea documentelor de proiectare a jocurilor

Faceți jocuri online pasul 2
Faceți jocuri online pasul 2

Pasul 2. Desenați câteva schițe

Desenați designul de bază al ecranului așa cum doriți. Nu trebuie să fie foarte detaliat, dar ar trebui să aveți cel puțin o idee despre locul în care vor fi plasate diferitele elemente pe ecran. Acest lucru vă va fi util mai târziu când începeți să construiți interfața pentru jocul dvs.

Faceți jocuri online pasul 3
Faceți jocuri online pasul 3

Pasul 3. Alegeți o metodă pentru a vă crea jocul

Inițial, trebuie să învățați codul pentru ActiopnScript3 pentru a crea jocuri Flash. Deși puteți face acest lucru, există programe disponibile care pot face crearea jocului mai ușor de învățat și nu necesită experiență de codificare. Unele alegeri populare pentru crearea de jocuri includ:

  • Stencyl - Acesta este un instrument mai nou care vă permite să creați jocuri folosind scripturi de obiecte și logică. Acest joc poate fi apoi convertit într-un proiect Flash și încărcat pe orice site web care acceptă jocuri Flash.
  • Construcția 2 - Pe măsură ce Flash îmbătrânește, ar trebui să înceapă să fie înlocuit cu alte moduri de a face jocuri. Una dintre cele mai noi modalități de a crea jocuri online este utilizarea HTML5. De obicei, acest lucru necesită o mulțime de cunoștințe de codare, dar Construct 2 vă permite să creați jocuri folosind obiecte și scripturi, cum ar fi Stencyl.
  • Flash Builder - Aceasta este metoda tradițională de creare a jocurilor Flash. Necesită o mulțime de cunoștințe ActionScript, dar este unul dintre limbile mai ușor de învățat de bază. Flash Builder costă bani, dar puteți utiliza programul deschis FlashDevelop pentru multe dintre aceleași utilizări.

Metoda 2 din 3: Utilizarea Stencyl

Faceți jocuri online pasul 4
Faceți jocuri online pasul 4

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. Puteți utiliza diverse instrumente logice pentru a manipula obiecte din joc.

Stencyl poate fi utilizat gratuit numai dacă doriți să vă publicați jocul online. Versiunea gratuită va avea logo-ul Stencyl care apare la început. Dacă primiți versiunea plătită, puteți publica pe alte platforme

Faceți jocuri online pasul 5
Faceți jocuri online pasul 5

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 arunca o privire pentru a vedea cum funcționează. Pentru a începe să lucrați la jocul dvs., faceți clic pe caseta punctată etichetată „Faceți clic aici pentru a crea un joc nou”.

Faceți jocuri online pasul 6
Faceți jocuri online pasul 6

Pasul 3. Alegeți un kit

Există mai multe truse care conțin materiale și obiecte gata făcute, care vă pot ajuta să vă puneți rapid jocul în funcțiune. Alegeți un kit dacă doriți sau selectați „Joc gol” (Joc gol)

Puteți descărca kituri realizate de alți utilizatori online

Faceți jocuri online pasul 7
Faceți jocuri online pasul 7

Pasul 4. Introduceți informațiile despre joc

Înainte de a începe construirea jocului, trebuie 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 dvs. și este foarte importantă, deoarece va afecta arta pe care o utilizați. Deoarece oamenii vor juca de obicei jocul dvs. cu browserul lor web, dimensiunea ecranului nu trebuie să fie atât de mare. Încercați Lățimea: 640 px Înălțimea: 480 px. Aceasta este o dimensiune bună pentru a începe.
Faceți jocuri online pasul 8
Faceți jocuri online pasul 8

Pasul 5. Cunoașteți aspectul

Când vă încărcați jocul pentru prima dată, 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. Îți vei petrece cea mai mare parte a timpului lucrând în tabloul de bord.

  • Scenă - 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 o listă cu toate obiectele și activele din joc. Aceasta include actori, fundaluri, fonturi, scene, logică, sunete și seturi de piese. Sursele sunt aranjate în arborele din stânga ecranului.
  • Setări - Opțiunile Game & Settings vă permit să personalizați modul în care funcționează mecanica jocului, inclusiv controale, gravitație, blocări, încărcare ecran și multe altele.
Faceți jocuri online pasul 9
Faceți jocuri online pasul 9

Pasul 6. Creați actori

Un actor este orice obiect cu care se mișcă sau poate fi interacționat în joc (jucători, dușmani, uși etc.) Va trebui să creați un actor pentru fiecare obiect din jocul dvs. 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 stabilită din setul pe care l-ați selectat).

  • Alocați actori grupurilor (jucători, dușmani). Acest lucru va ajuta la determinarea proprietăților de coliziune ale actorului. Selectați-vă actorul pentru a deschide Editorul de actori. Apoi faceți clic pe fila Proprietăți și selectați grupul corespunzător din meniul derulant.
  • Alegeți un comportament (sărituri, călcări, mers pe jos). Comportamentul este ceea ce îi permite actorului tău să facă ceva. Faceți clic pe Comportamente și faceți clic pe butonul „+ Adăugați un comportament” din colțul din stânga jos. Selectați un comportament (cum ar fi „Walking”) din listă, apoi faceți clic pe „Choose”.
  • Setați controlul. Dacă creați un personaj de jucător, veți dori să permiteți jucătorului să îl mute. Când adăugați un comportament de mers pe jos, veți fi condus la ecranul atributelor de mers pe jos. Puteți utiliza meniul pentru a selecta ce tastă va muta actorul la stânga și la dreapta. Puteți instala și animații dacă kitul pe care îl utilizați le conține.
  • Puteți adăuga o mulțime de comportamente și setați ce pot face actorii.
Faceți jocuri online pasul 10
Faceți jocuri online pasul 10

Pasul 7. Creați o scenă

Scena este ceea ce vede jucătorul în timp ce joacă jocul. Acesta este fundalul, precum și orice obiecte și actori vizibili. Pentru a crea o scenă nouă, faceți clic pe opțiunea Scene din arborele Resurse, apoi faceți clic pe caseta căptușită. Dă-i noii scenei un nume pentru a continua.

  • Fundal - Scena dvs. va fi redimensionată automat, deci nu trebuie să vă faceți griji pentru asta pentru moment. Puteți alege să folosiți o culoare ca fundal, care va fi placată deasupra acestuia. De asemenea, puteți alege dintre culori solide sau degradate. Faceți clic pe „Creați” când ați terminat. Aceasta va deschide Scene Designer.
  • Plasați plăcile - Seturile de plăci incluse în kitul dvs. se vor încărca pe 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 dale pe scena dvs. Faceți clic și trageți cu mouse-ul pentru a așeza dale duble.
  • Pune-l pe actor. Faceți clic pe fila Actori de deasupra setului de plăci pentru a comuta la actorii disponibili. Trebuie să creați unul în prealabil pentru ca acesta să apară în această listă. Faceți clic pe actorul pe care doriți să îl plasați și faceți clic pe scena în care doriți să apară. Dacă apăsați Shift, actorul se va muta acolo.
  • Gravitate adăugată. Faceți clic pe fila „Fizică” din partea de sus a ferestrei, apoi introduceți o valoare în caseta „Gravitate (verticală)”. Introducerea 85 va simula gravitația reală a pământului.
Faceți jocuri online pasul 11
Faceți jocuri online pasul 11

Pasul 8. Testați jocul

Odată ce ați creat scena și ați introdus 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 ați creat acum. Puteți utiliza tastele pe care le setați pentru a vă controla caracterul jucătorului.

Căutați orice aspect care nu funcționează și încercați să îl remediați. De exemplu, inamicul se comportă corect? Poți învinge inamicul? Există platforme de neatins sau prăpastii de netrecut? Reveniți la zona relevantă a editorului de joc pentru a remedia problemele pe care le găsiți. Poate dura puțin, dar rezultatul final va fi mai distractiv și mai ușor de jucat

Faceți jocuri online pasul 12
Faceți jocuri online pasul 12

Pasul 9. Adăugați mai multe

Acum că aveți o scenă de lucru și de redat, este timpul să construiți întregul joc. Adăugați niveluri și provocări și continuați să testați suplimentele pentru a vă asigura că sunt distractive și funcționează corect.

Faceți jocuri online pasul 13
Faceți jocuri online pasul 13

Pasul 10. Site-ul Blochează-ți jocul

Dacă veți încărca jocul pe un site care găzduiește jocuri Flash sau îl veți încărca pe propriul site, ar trebui să utilizați „Site Lock”. Acest lucru va împiedica jucarea jocului dvs. dacă nu se află pe lista site-urilor permise.

  • Deschideți „Setări joc” din arborele „Resurse”. Selectați secțiunea „Încărcător”. Introduceți site-urile pe care le permiteți în caseta „Site Lock”, separate prin virgule și fără spații. De exemplu, newgrounds.com, kongregate.com.
  • În timp ce vă aflați încă pe acest ecran, introduceți pagina dvs. de pornire în caseta „Pagina dvs. de pornire”, dacă aveți una. Acest lucru va permite jucătorilor care vă joacă jocul să se conecteze la site-ul dvs. /
Faceți jocuri online pasul 14
Faceți jocuri online pasul 14

Pasul 11. Exportați jocul ca Flash

Odată ce sunteți mulțumit de jocul dvs., î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. Faceți clic pe '' Publicați '' '(Publicați) selectați „Web”, apoi faceți clic pe „Flash”. Salvați fișierul într-o locație ușor de găsit pe computer.

Faceți jocuri online pasul 15
Faceți jocuri online pasul 15

Pasul 12. Publică jocul

După ce aveți un fișier Flash (. SWF), îl puteți încărca pe un site la alegere. Există mai multe site-uri online care găzduiesc jocuri Flash, iar unele vă pot permite chiar să câștigați bani din venituri din publicitate. De asemenea, puteți încărca jocuri pe propriul dvs. site web, dar ar trebui să vă asigurați că aveți lățimea de bandă pentru a găzdui jucătorii în cazul în care jocul devine popular.

  • Consultați acest ghid pentru încărcarea jocurilor 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 aceste site-uri. Termenii vor varia pentru fiecare site.
  • Dacă doriți să vă publicați jocul pe Stencyl Arcade, puteți face acest lucru din cadrul programului Stencyl. Faceți clic pe '' Publicați '' 'selectați „Stencyl”, apoi faceți clic pe „Arcade”. Jocul se va încărca automat, deci asigurați-vă că sunteți mulțumit de nume înainte de a face acest lucru. Stencyl Arcade are o limită de dimensiune a fișierului de MB.

Metoda 3 din 3: Utilizarea Construct 2

Faceți jocuri online pasul 16
Faceți jocuri online pasul 16

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ă setați câteva variabile, dar totul se face prin meniu, fără a fi necesară codarea.

Construct 2 este gratuit, deși unele caracteristici sunt limitate, cu excepția actualizării. Versiunea gratuită nu poate publica pe alte platforme decât HTML5

Faceți jocuri online Pasul 17
Faceți jocuri online Pasul 17

Pasul 2. Creați un proiect nou

Când porniți Construct 2 pentru prima dată, sunteți î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 pe care le puteți folosi pentru a vedea cum să construiți un joc de bază.

Când începeți un proiect nou, vi se va prezenta o listă de șabloane. Pentru primul dvs. proiect, vă recomandăm să începeți cu un proiect necompletat. Acest lucru vă va permite să vă obișnuiți cu elementele de bază fără ca șabloanele să vă împiedice

Faceți jocuri online Pasul 18
Faceți jocuri online Pasul 18

Pasul 3. Reglați setările proiectului

În stânga ferestrei proiectului, veți vedea o serie de obiecte în cadrul Proprietăți. Puteți utiliza acest lucru pentru a seta dimensiunea ecranului și pentru a introduce informațiile despre joc și companie.

Faceți jocuri online pasul 19
Faceți jocuri online pasul 19

Pasul 4. Introduceți fundalul

Faceți dublu clic pe aspect. Selectați „Tiled Background” 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 din mai multe locații online.

  • Setați fundalul la dimensiunea aspectului. Faceți acest lucru selectând obiectul de fundal și redimensionându-l în cadrul Proprietăți.
  • Redenumiți stratul și blocați-l. Ar trebui să blocați stratul pentru a evita deplasarea accidentală atunci când plasați alte obiecte. Faceți clic pe fila „Straturi” din partea dreaptă a ecranului. Selectați stratul și faceți clic pe butonul Creion. Denumiți stratul „Fundal”, apoi faceți clic pe butonul „Lacăt” pentru a bloca fundalul.
Faceți jocuri online pasul 20
Faceți jocuri online pasul 20

Pasul 5. Creați un strat nou

În fila Straturi, faceți clic pe butonul „+” pentru a crea un strat nou. Denumiți-l „Principal”. Acesta va fi stratul în care vor locui majoritatea obiectelor de joc. Asigurați-vă că este selectat stratul principal înainte de a continua.

Faceți jocuri online pasul 21
Faceți jocuri online pasul 21

Pasul 6. Adăugați intrări pentru jocul dvs

În Construcția 2, intrarea dvs. trebuie adăugată ca obiect la joc. Este invizibil și va permite utilizarea tastaturii și a mouse-ului în proiect.

Faceți dublu clic pe aspect și apoi selectați „Mouse” din secțiunea de introducere. Faceți același lucru pentru a insera obiectul „Tastatură”

Faceți jocuri online Pasul 22
Faceți jocuri online Pasul 22

Pasul 7. Adăugați obiecte

Acum este timpul să adăugați câteva obiecte de joc în aspectul dvs. Faceți dublu clic pe aspect și selectați „Sprite” din secțiunea generală. Utilizați reticulele pentru a selecta unde doriți să plasați Sprites. Se va deschide un editor de imagini, care vă permite să încărcați un sprite existent sau să creați unul nou.

Când selectați un sprite în aspect, proprietatea sprite se va încărca pe cadrul stâng. Redenumiți spritele, astfel încât să le puteți identifica și să le consultați mai ușor

Faceți Jocuri Online Pasul 23
Faceți Jocuri Online Pasul 23

Pasul 8. Adăugați comportament la obiectul dvs

Pentru a adăuga un comportament, faceți clic pe obiectul la care doriți să adăugați un comportament pentru a-l 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 de logică preconfigurate care vă permit să adăugați rapid utilizabilitatea obiectelor dvs. Puteți alege dintr-o mare varietate de comportamente pre-construite care pot oferi o mare varietate de utilizări. De exemplu, pentru a crea o podea solidă, dați-i un comportament „solid”. Pentru a muta personajul în 8 direcții, dați comportamentului „mișcare în 8 direcții”

Faceți jocuri online pasul 24
Faceți jocuri online pasul 24

Pasul 9. Schimbați proprietățile comportamentului

Puteți modifica comportamentul pentru a se potrivi cu modul în care funcționează obiectul dvs. Puteți modifica valorile pentru a modifica viteza, direcția și alte proprietăți.

Faceți jocuri online pasul 25
Faceți jocuri online pasul 25

Pasul 10. Înțelegeți cum funcționează evenimentele

Evenimentele sunt o listă de condiții și sunt ceea ce scapă jocul. Dacă condiția este atinsă, evenimentul are loc. Dacă condiția nu este îndeplinită, evenimentul nu se produce. Pagina evenimentului rulează de obicei de aproximativ 60 de ori pe secundă. Fiecare alergare se numește „bifă”.

Faceți Jocuri Online Pasul 26
Faceți Jocuri Online Pasul 26

Pasul 11. Creați un eveniment

Faceți dublu clic pe pagina 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 sistem.

  • Alegeți când are loc acțiunea. După selectarea unui obiect, vi se va cere să alegeți când a avut loc evenimentul. Acest lucru se poate baza pe alte evenimente sau la un anumit moment. „Fiecare căpușă” întotdeauna.
  • Adăugați acțiune. Vi se va cere să selectați unul dintre obiectele dvs. Alegeți dintr-o listă de acțiuni. De exemplu, dacă creați un shooter și doriți ca personajul jucătorului să se confrunte întotdeauna cu mouse-ul, veți crea o acțiune „Punct de vedere pentru poziționare” pe fiecare bifă setată pe obiectul jucătorului. Când vi se solicită coordonatele, introduceți „Mouse. X” pentru X și „Mouse. Y” pentru Y. Acest lucru va face ca nava jucătorului să fie întotdeauna orientată spre cursor.
Faceți Jocuri Online Pasul 27
Faceți Jocuri Online Pasul 27

Pasul 12. Adăugați mai multe evenimente și comportamente

Aceasta este coloana vertebrală a jocului tău. Adăugarea și îmbunătățirea comportamentelor și evenimentelor vă vor ajuta să creați jocuri unice și distractive pe care oamenii vor dori să le joace. Experimentați cu diferite evenimente pentru a încerca să obțineți jocul pe care îl doriți cu adevărat.

Faceți jocuri online pasul 28
Faceți jocuri online pasul 28

Pasul 13. Adăugați variabile

Există două tipuri de variabile în Construct 2: variabile de instanță și variabile globale. Vă permite să creați scoruri pentru obiectele și jocurile dvs., cum ar fi sănătatea, limita de timp, scor și multe altele.

  • Variabila de instanță - Variabila de instanță este atribuită unui singur obiect. Acesta este folosit pentru lucruri precum inamicii și sănătatea jucătorului. Puteți adăuga o variabilă de instanță după selectarea unui obiect făcând clic pe linkul „Adăugare / editare” din secțiunea Variabile din cadrul Proprietăți. Acordați variabilei un nume care poate face referire la eveniment, precum și o valoare inițială.
  • Variabilă globală - Variabilele globale sunt variabile care sunt atribuite întregului joc. Este folosit pentru lucruri precum scorurile jucătorilor. Pentru a crea o variabilă globală, accesați pagina Evenimente și faceți clic dreapta pe un spațiu gol. Faceți clic pe „Variabilă globală de fund”, dați-i un nume astfel încât să poată fi menționat în eveniment, apoi introduceți o valoare inițială.
Faceți jocuri online pasul 29
Faceți jocuri online pasul 29

Pasul 14. Creați interfețe

Când creați interfețe, 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ă foarte rar, deci este mai bine să o așezați pe un strat blocat. În cadrul Proprietăți pentru noul strat, setați „Parallax” la 0. Aceasta va menține stratul deplasat pe măsură ce ecranul se mișcă.

Utilizați casete de text și variabile pentru a vă crea interfața. Puteți seta caseta de text pentru a afișa periodic starea de sănătate, scorul, muniția sau orice ar trebui să vadă jucătorul

Faceți jocuri online pasul 30
Faceți jocuri online pasul 30

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 ajuta și testa jocul. Luați notă de orice nu funcționează și încercați să o remediați pentru a vă face jocul mai plăcut și mai plăcut.

Faceți jocuri online pasul 31
Faceți jocuri online pasul 31

Pasul 16. Exportați-vă 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 meniul „Fișier” și selectați „Export”. Salvați proiectul într-o locație ușor de găsit.

Faceți Jocuri Online Pasul 32
Faceți Jocuri Online Pasul 32

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 jocuri pe propriul site web. Consultați acest ghid pentru detalii despre cum să încărcați jocuri pe propriul site web.

sfaturi

  • Dacă sunteți mai interesat să aflați codul din spatele jocurilor Flash, puteți folosi Flash Builder și codul ActionScript3 pentru a construi jocuri. Acest lucru va dura mai mult, dar poate duce la o experiență mai unică. Consultați ghidul de programe din ActionsScript3.
  • Omagiați orice sursă din care ați atras idei și conținut și oricui v-a ajutat să creați jocul.

Recomandat: