3 viisi veebimängu loomiseks

Sisukord:

3 viisi veebimängu loomiseks
3 viisi veebimängu loomiseks

Video: 3 viisi veebimängu loomiseks

Video: 3 viisi veebimängu loomiseks
Video: Kuidas alustada ettevõtlusega Amazonis + näide kohe proovimiseks! 2024, Mai
Anonim

Kas olete kunagi mänginud võrgumängu ja mõelnud: "Ma tahan midagi sellist teha, mul on häid ideid"? Varem pidite õppima kodeerima ActionScripti 3, mis on Flash. Kuid tänu mõnele mänguehitusprogrammile on kodeerimiskogemus minevik. Saate muuta mängud lõbusaks ja kaasahaaravaks, manipuleerides objektide ja loogikaga, puudutamata ühtki koodirida.

Samm

Meetod 1 /3: mängude kujundamine

Tehke võrgumänge 1. samm
Tehke võrgumänge 1. samm

Samm 1. Kirjutage põhikirjeldus

Sisestage funktsioonid ja see, mida soovite mängijalt saavutada. Tore, kui teil on kirjalik põhikiri sellest, mida soovite oma mänguga teha, nii et näete seda selle kallal töötades.

Mängu kujundusdokumentide kirjutamise kohta leiate lisateavet sellest juhendist

Tehke võrgumänge 2. samm
Tehke võrgumänge 2. samm

Samm 2. Joonista mõned visandid

Joonistage ekraani põhikujundus soovitud viisil. See ei pea olema väga üksikasjalik, kuid teil peaks olema vähemalt ettekujutus sellest, kuhu erinevad elemendid ekraanile paigutatakse. See tuleb kasuks hiljem, kui hakkate oma mängu liidest ehitama.

Tehke võrgumänge 3. samm
Tehke võrgumänge 3. samm

Samm 3. Valige oma mängu loomiseks meetod

Esialgu peate Flash -mängude loomiseks õppima ActiopnScript3 koodi. Kuigi saate seda veel teha, on saadaval programme, mis muudavad mängude loomise hõlpsamini õpitavaks ega vaja kodeerimiskogemust. Mõned populaarsed mängude loomise valikud on järgmised:

  • Stencyl - see on uuem tööriist, mis võimaldab teil ehitada mänge objektiskriptide ja loogika abil. Seejärel saab selle mängu Flash -projektiks teisendada ja üles laadida mis tahes veebisaidile, mis toetab Flash -mänge.
  • Construct 2 - kui Flash vananeb, tuleks see asendada muude mängude tegemise viisidega. Üks uusimaid viise võrgumängude loomiseks on HTML5 kasutamine. Tavaliselt nõuab see palju kodeerimisalaseid teadmisi, kuid Construct 2 võimaldab teil luua mänge objektide ja skriptide abil, nagu Stencyl.
  • Flash Builder - See on traditsiooniline Flash -mängude loomise meetod. See nõuab päris palju ActionScripti teadmisi, kuid on üks lihtsamaid keeli, mida on lihtne õppida. Flash Builder maksab raha, kuid avatud programmi FlashDevelop saate kasutada paljudel samadel eesmärkidel.

Meetod 2/3: Stencyl'i kasutamine

Tehke võrgumänge 4. samm
Tehke võrgumänge 4. samm

Samm 1. Laadige alla ja installige Stencyl

Stencyl on mängude loomise programm, mis ei nõua kodeerimisalaseid teadmisi. Mängus olevate objektidega manipuleerimiseks saate kasutada erinevaid loogikavahendeid.

Stencyli saab tasuta kasutada ainult siis, kui soovite oma mängu veebis avaldada. Tasuta versiooni alguses kuvatakse Stencyli logo. Kui saate tasulise versiooni, saate selle teistele platvormidele avaldada

Tehke võrgumänge 5. samm
Tehke võrgumänge 5. samm

Samm 2. Looge oma uus mäng

Stencyli käivitamisel kuvatakse teile teie mängude loend. Loendis on mõned näidismängud, mida saate vaadata, kuidas need toimivad. Mänguga töötamise alustamiseks klõpsake punktiiriga kastil "Uue mängu loomiseks klõpsake siin".

Tehke võrgumänge 6. samm
Tehke võrgumänge 6. samm

Samm 3. Valige komplekt

On mitmeid komplekte, mis sisaldavad valmisvara ja objekte, mis aitavad teil mängu kiiresti tööle panna. Kui soovite, valige komplekt või valige „Tühi mäng” (tühi mäng)

Teiste kasutajate valmistatud komplekte saate veebist alla laadida

Tehke võrgumänge Samm 7
Tehke võrgumänge Samm 7

Samm 4. Sisestage oma mängu teave

Enne mängu loomise alustamist peate sisestama teatud teabe.

  • Nimi - see on teie mängu nimi. Hiljem saate seda muuta mis tahes sooviks.
  • Ekraani suurus - see on teie ekraani suurus ja see on väga oluline, kuna see mõjutab teie kasutatavat kunsti. Kuna tavaliselt mängivad inimesed teie mängu oma veebibrauseriga, ei pea ekraani suurus olema nii suur. Proovige seda Laius: 640 px Kõrgus: 480 px. See on alustamiseks hea suurus.
Tehke võrgumänge 8. samm
Tehke võrgumänge 8. samm

Samm 5. Õppige tundma paigutust

Mängu esmakordsel laadimisel suunatakse teid juhtpaneelile. Siin näete kõiki oma mängu stseene ja pääsete juurde kõikidele ressurssidele. Siin saate muuta ka oma mängu seadeid. Veedate suurema osa ajast armatuurlaual töötades.

  • Stseen - see on juhtpaneeli peaaken ja näitab tegelikku mängu ja kõiki varasid. Teie mäng on stseenide kogum.
  • Ressursid - see on teie mängu kõigi objektide ja varade loend. See hõlmab näitlejaid, tausta, fonte, stseene, loogikat, helisid ja plaatide komplekti. Allikad on paigutatud ekraani vasakul pool asuvasse puusse.
  • Seaded - mängu ja seadete suvandid võimaldavad teil kohandada mängumehaanika toimimist, sealhulgas juhtnuppe, raskusastet, krahhe, ekraani laadimist ja muud.
Tehke võrgumänge 9. samm
Tehke võrgumänge 9. samm

Samm 6. Loo näitlejad

Näitleja on mis tahes objekt, mis mängus liigub või millega saab suhelda (mängijad, vaenlased, uksed jne). Peate looma oma mängu iga objekti jaoks näitleja. Näitleja loomiseks klõpsake menüü Ressursid suvandil „Näitlejatüübid”. Valige loendist soovitud näitleja (loend määratakse teie valitud komplekti põhjal).

  • Määrake näitlejad rühmadesse (mängijad, vaenlased). See aitab kindlaks teha näitleja kokkupõrkeomadusi. Näitlejaredaktori avamiseks valige oma näitleja. Seejärel klõpsake vahekaarti Atribuudid ja valige rippmenüüst sobiv rühm.
  • Valige käitumine (hüppamine, astumine, kõndimine). Käitumine võimaldab näitlejal midagi teha. Klõpsake Käitumised ja klõpsake vasakus alanurgas nuppu "+ Lisa käitumine". Valige loendist käitumine (nt „kõndimine“) ja seejärel klõpsake „Vali“.
  • Seadistage juhtimine. Kui loote mängija iseloomu, soovite mängijal seda liigutada. Kui lisate kõndimiskäitumise, suunatakse teid kõndimise atribuutide ekraanile. Menüü abil saate valida, milline klahv liigutab näitlejat vasakule ja paremale. Samuti saate installida animatsioone, kui kasutatav komplekt neid sisaldab.
  • Saate lisada palju käitumisviise ja määrata, mida näitlejad saavad teha.
Tehke võrgumänge 10. samm
Tehke võrgumänge 10. samm

Samm 7. Loo stseen

Stseen on see, mida mängija mängu mängides näeb. See on taust, samuti kõik nähtavad objektid ja näitlejad. Uue stseeni loomiseks klõpsake ressursside puus suvandit Stseenid ja seejärel klõpsake vooderdatud kasti. Jätkamiseks andke oma uuele stseenile nimi.

  • Taust - teie stseeni suurust muudetakse automaatselt, nii et te ei pea selle pärast praegu muretsema. Saate valida taustaks värvi, mis plaaditakse üle selle. Samuti saate valida ühevärviliste või gradientvärvide vahel. Kui olete lõpetanud, klõpsake nuppu "Loo". See avab stseeni kujundaja.
  • Plaatide paigutamine - teie komplekti kuuluvad plaatide komplektid laaditakse akna paremale küljele. Klõpsake vasakpoolses menüüs pliiatsi tööriista ja seejärel paani, mida soovite kasutada. Seejärel saate oma stseenile plaate panna. Topeltplaatide paigaldamiseks klõpsake hiirega ja lohistage seda.
  • Pane näitleja. Saadaolevate näitlejate vahetamiseks klõpsake plaatide komplekti kohal vahekaarti Näitlejad. Selle loendis ilmumiseks peate selle eelnevalt looma. Klõpsake näitlejal, kelle soovite paigutada, ja klõpsake stseenil, kus soovite, et ta ilmuks. Kui vajutate tõstuklahvi, liigub näitleja sinna.
  • Lisatud gravitatsioon. Klõpsake akna ülaosas vahekaarti „Füüsika” ja sisestage väärtus väljale „Gravitatsioon (vertikaalne)”. 85 sisestamine simuleerib tõelist maa raskusjõudu.
Tehke võrgumänge 11. samm
Tehke võrgumänge 11. samm

Samm 8. Testige mängu

Kui olete stseeni loonud ja mõned näitlejad sisse pannud, saate mängu testida. Nüüd loodud asjade esitamiseks klõpsake ekraani ülaosas nuppu „Testimäng”. Mängija iseloomu juhtimiseks saate kasutada määratud klahve.

Otsige mõnda aspekti, mis ei tööta, ja proovige seda parandada. Näiteks, kas vaenlane käitub õigesti? Kas saate vaenlast lüüa? Kas on kättesaamatuid platvorme või läbimatuid kuristikke? Leitud probleemide lahendamiseks pöörduge tagasi oma mängu redaktori vastavasse piirkonda. See võib võtta natuke aega, kuid lõpptulemus on lõbusam ja kergemini mängitav

Tehke võrgumänge 12. samm
Tehke võrgumänge 12. samm

Samm 9. Lisage veel

Nüüd, kui teil on toimiv ja mängitav stseen, on aeg kogu mäng üles ehitada. Lisage tasemeid ja väljakutseid ning jätkake oma lisandmoodulite testimist, veendumaks, et need on lõbusad ja töötavad õigesti.

Tehke võrgumänge. 13. samm
Tehke võrgumänge. 13. samm

Samm 10. Saidi lukustamine

Kui laadite mängu üles Flash -mänge võõrustavale saidile või laadite selle üles oma saidile, peaksite kasutama funktsiooni „Site Lock”. See takistab teie mängu mängimist, kui see pole lubatud saitide loendis.

  • Avage oma ressursside puust „Mängu seaded”. Valige jaotis "Laadija". Sisestage lubatud saidid kasti „Saidi lukk”, eraldades need komadega ja tühikutega. Näiteks newgrounds.com, kongregate.com.
  • Sellel ekraanil olles sisestage oma avaleht kasti „Teie avaleht”, kui see on olemas. See võimaldab teie mängu mängivatel mängijatel teie saidile linkida/
Tehke võrgumänge 14. samm
Tehke võrgumänge 14. samm

Samm 11. Eksportige mäng Flashina

Kui olete oma mänguga rahul, saate selle eksportida Flash -vormingusse. See võimaldab teil mängu üles laadida Flash -mänge võõrustavale saidile või oma veebisaidile. Klõpsake '' Avalda '' '(Avalda), valige "Veeb" ja seejärel "Flash". Salvestage fail oma arvutisse hõlpsasti leitavasse kohta.

Tehke võrgumänge 15. samm
Tehke võrgumänge 15. samm

Samm 12. Avaldage mäng

Kui teil on Flash (. SWF) fail, saate selle oma valitud saidile üles laadida. Internetis on mitmeid Flash -mänge võõrustavaid saite ja mõned võivad isegi lubada teil reklaamitulust raha teenida. Mänge saate üles laadida ka oma veebisaidile, kuid kui mäng muutub populaarseks, peaksite veenduma, et teil on ribalaius mängijate jaoks.

  • Vaadake seda juhendit mängude üleslaadimiseks oma veebisaidilt.
  • Kui soovite oma mängu üles laadida saidile nagu Newgrounds või Kongregate, peate looma konto ja seejärel läbima nende saitide üleslaadimisprotsessi. Tingimused on iga saidi puhul erinevad.
  • Kui soovite oma mängu Stencyl Arcade'is avaldada, saate seda teha programmi Stencyl raames. Klõpsake '' Avalda '' 'valige "Stencyl" ja seejärel "Arcade". Mäng laaditakse automaatselt üles, nii et veenduge, et olete nimega rahul, enne kui seda teete. Stencyl Arcade'i failisuuruse piirang on MB.

Meetod 3/3: Construct 2 kasutamine

Tehke võrgumänge 16. samm
Tehke võrgumänge 16. samm

Samm 1. Laadige alla ja installige Construct 2

See programm võimaldab teil luua väga väikese kodeeringuga HTML5 -mänge. Peate määrama mõned muutujad, kuid seda kõike tehakse menüü kaudu ilma kodeerimiseta.

Construct 2 on tasuta, kuigi mõned funktsioonid on piiratud, välja arvatud täiendamine. Tasuta versiooni ei saa avaldada muudel platvormidel peale HTML5

Tehke võrgumänge 17. samm
Tehke võrgumänge 17. samm

Samm 2. Looge uus projekt

Construct 2 esmakordsel käivitamisel tervitatakse teid tervitusmenüüga. Uue mängu alustamiseks klõpsake linki „Uus projekt”. Samuti on mõned näited, mille abil saate näha, kuidas põhimängu üles ehitada.

Uue projekti alustamisel kuvatakse teile mallide loend. Esimese projekti puhul soovitame alustada tühja projektiga. See võimaldab teil põhitõdedega harjuda, ilma et mallid segaksid

Tehke võrgumänge. 18. samm
Tehke võrgumänge. 18. samm

Samm 3. Kohandage oma projekti seadeid

Projektiakna vasakus servas näete atribuutide raamis objektide seeriat. Selle abil saate määrata ekraani suuruse ning sisestada oma mängu- ja ettevõtte andmed.

Tehke võrgumänge 19. samm
Tehke võrgumänge 19. samm

Samm 4. Sisestage taust

Topeltklõpsake paigutust. Valige jaotisest Üldine „Plaaditud taust”. Tausta paigutamiseks klõpsake oma paigutust. See avab taustaredaktori. Peate looma ise pilditöötlustarkvara abil või alla laadima tekstuurid mitmest veebipunktist.

  • Seadke taust paigutuse suurusele. Tehke seda, valides taustaobjekti ja muutes selle atribuutide raami suurust.
  • Nimetage kiht ümber ja lukustage see. Peate kihi lukustama, et vältida selle juhuslikku liigutamist teiste objektide paigutamisel. Klõpsake ekraani paremas servas vahekaarti „Kihid”. Valige kiht ja klõpsake nuppu Pliiats. Pange kihile nimi „Taust”, seejärel klõpsake tausta lukustamiseks nuppu „Tabalukk”.
Tehke võrgumänge 20. samm
Tehke võrgumänge 20. samm

Samm 5. Looge uus kiht

Kihtide vahekaardil klõpsake uue kihi loomiseks nuppu „+”. Pange sellele nimi "Peamine". See on kiht, kus asub enamik teie mänguobjekte. Enne jätkamist veenduge, et põhikiht on valitud.

Tehke võrgumänge 21. samm
Tehke võrgumänge 21. samm

Samm 6. Lisage oma mängu sisend

Construct 2 -s tuleb teie sisend lisada mängule objektina. See on nähtamatu ning võimaldab projektis kasutada klaviatuuri ja hiirt.

Topeltklõpsake paigutust ja seejärel valige sisestusjaotisest “Hiir”. Tehke sama ka klaviatuuri objekti sisestamiseks

Tehke võrgumänge 22. samm
Tehke võrgumänge 22. samm

Samm 7. Lisage objekte

Nüüd on aeg lisada oma paigutusse mõned mänguobjektid. Topeltklõpsake paigutust ja valige jaotisest "Sprite". Valige ristikujul, kuhu soovite sprite paigutada. Avaneb pildiredaktor, mis võimaldab teil laadida olemasoleva sprite või luua uue.

Kui valite paigutusest sprite, laaditakse spriti atribuut vasakule raamile. Nimetage spritid ümber, et saaksite neid hõlpsamini tuvastada ja neile viidata

Tehke võrgumänge 23. samm
Tehke võrgumänge 23. samm

Samm 8. Lisage oma objektile käitumine

Käitumise lisamiseks klõpsake selle valimiseks objekti, millele soovite käitumise lisada. Klõpsake atribuutide raami jaotises Käitumine linki „Lisa/muuda“. Ilmub saadaolevate käitumisviiside loend.

Käitumine on eelkonfigureeritud loogikaosad, mis võimaldavad teil objektidele kiiresti kasutatavust lisada. Saate valida mitmesuguste eelseadistatud käitumisviiside hulgast, mis pakuvad mitmesuguseid kasutusvõimalusi. Näiteks tugeva põranda tegemiseks andke sellele „tahke“käitumine. Tegelase kaheksas suunas liigutamiseks tehke käitumine "8 suunda liikumine"

Tehke võrgumänge 24. samm
Tehke võrgumänge 24. samm

Samm 9. Muutke käitumise omadusi

Käitumist saate muuta vastavalt oma objekti toimimisele. Kiiruse, suuna ja muude omaduste muutmiseks saate väärtusi muuta.

Tehke võrgumänge 25. samm
Tehke võrgumänge 25. samm

Samm 10. Mõista, kuidas sündmused toimivad

Sündmused on tingimuste loend ja sellest mäng pääseb. Kui tingimus on saavutatud, toimub sündmus. Kui tingimus ei ole täidetud, siis sündmust ei toimu. Ürituse leht jookseb tavaliselt umbes 60 korda sekundis. Iga jooksu nimetatakse "linnukeseks".

Tehke võrgumänge 26. samm
Tehke võrgumänge 26. samm

Samm 11. Looge sündmus

Topeltklõpsake lehte Sündmused. Ilmub saadaolevate objektide loend. Valige objekt, mille jaoks soovite sündmuse luua, või saate luua süsteemi.

  • Valige, millal toiming toimub. Pärast objekti valimist palutakse teil valida, millal sündmus toimus. See võib põhineda muudel sündmustel või teatud ajal. "Iga linnuke" alati.
  • Lisa toiming. Teil palutakse valida üks oma objektidest. Valige toimingute loendist. Näiteks kui loote laskurit ja soovite, et mängija tegelane oleks alati hiirega silmitsi, looksite mängijaobjekti iga linnukesega toimingu „Asukoht positsioonile”. Kui teilt küsitakse koordinaate, sisestage X -ile „Mouse. X” ja Y -le „Mouse. Y”. See muudab mängija laeva alati kursori poole.
Tehke võrgumänge. 27. samm
Tehke võrgumänge. 27. samm

Samm 12. Lisage rohkem sündmusi ja käitumist

See on teie mängu selgroog. Käitumise ja sündmuste lisamine ja parandamine aitab teil luua ainulaadseid ja lõbusaid mänge, mida inimesed tahavad mängida. Katsetage erinevate sündmustega, et saada soovitud mäng.

Tehke võrgumänge. 28. samm
Tehke võrgumänge. 28. samm

Samm 13. Lisage muutujaid

Construct 2 -s on kahte tüüpi muutujaid: eksemplari muutujad ja globaalsed muutujad. See võimaldab teil luua oma objektide ja mängude jaoks hindeid, nagu tervis, ajapiirang, skoor ja palju muud.

  • Eksemplari muutuja - eksemplari muutuja on määratud ühele objektile. Seda kasutatakse näiteks vaenlaste ja mängijate tervise jaoks. Eksemplari muutuja saate lisada pärast objekti valimist, klõpsates atribuutide raami jaotises Muutujad lingil „Lisa/redigeeri”. Andke muutujale nimi, mis võib sündmusele viidata, samuti algväärtus.
  • Globaalne muutuja - globaalsed muutujad on muutujad, mis on määratud kogu mängule. Seda kasutatakse näiteks mängijate tulemuste jaoks. Globaalse muutuja loomiseks minge lehele Sündmused ja paremklõpsake tühjal alal. Klõpsake „Ass globaalne muutuja”, andke sellele nimi, et sellele saaks sündmuses viidata, seejärel sisestage algväärtus.
Tehke võrgumänge. 29. samm
Tehke võrgumänge. 29. samm

Samm 14. Looge liidesed

Liideste loomisel on tavaliselt parem seda teha uuel kihil. Seda seetõttu, et liides liigub või muutub väga harva, seega on parem panna see lukustatud kihile. Seadke uue kihi atribuutide raamis väärtus „Parallax“väärtusele 0. See hoiab kihi ekraani liigutamisel nihutatud.

Kasuta liidese loomiseks tekstivälju ja muutujaid. Saate oma tekstikasti seada nii, et see näitaks tervist, tulemusi, laskemoona või kõike, mida mängija peab perioodiliselt nägema

Tehke võrgumänge 30. samm
Tehke võrgumänge 30. samm

Samm 15. Testige ja muutke oma mängu

Nüüd, kui ekraanil on paar sündmuste ja käitumisega objekti, võite alustada sisu testimist ja lisamist. Mängu abistamiseks ja testimiseks klõpsake ekraani ülaosas nuppu „Esita“. Võtke teadmiseks kõik, mis ei tööta, ja proovige seda parandada, et teie mäng oleks mängitav ja nauditav.

Tehke võrgumänge. 31. samm
Tehke võrgumänge. 31. samm

Samm 16. Eksportige oma mäng

Kui olete oma mänguga rahul, saate selle eksportida, et seda saaks veebisaidile üles laadida ja igaüks mängida. Mängu eksportimiseks klõpsake menüüd „Fail” ja valige „Eksport”. Salvestage projekt asukohta, mida on lihtne leida.

Tehke võrgumänge. Samm 32
Tehke võrgumänge. Samm 32

Samm 17. Avaldage mäng

On mitmeid saite, mis võimaldavad teil HTML5 -mänge teistele üles laadida. Mänge saate lisada ka oma veebisaidile. Vaadake sellest juhendist lisateavet mängude oma veebisaidile üleslaadimise kohta.

Näpunäiteid

  • Kui olete rohkem huvitatud Flash -mängude taga oleva koodi õppimisest, saate mängude loomiseks kasutada Flash Builderi ja ActionScript3 koodi. See võtab kauem aega, kuid võib anda unikaalsema kogemuse. Vaadake programmijuhendit jaotises ActionsScript3.
  • Austage kõiki allikaid, kust ideid ja sisu ammutasite, ning kõiki, kes aitasid teil mängu luua.

Soovitan: