Het u al ooit 'n aanlyn spel gespeel en gedink: 'Ek wens ek kon een hiervan maak, ek het 'n paar goeie idees'? In die verlede was dit nodig om te leer hoe om te kodeer in ActionScript 3, die taal wat Flash dryf. Danksy sommige speletjiebouprogramme is kodering -ervaring egter 'n vereiste van die verlede. U kan prettige, diep speletjies skep deur voorwerpe en logika te manipuleer, sonder om ooit aan 'n reël kode te raak.
Stappe
Deel 1 van 4: Die ontwerp van die spel
Stap 1. Skryf 'n basiese beskrywing neer
Sluit funksies in en wat u wil hê die speler moet bereik. Dit is goed om 'n basiese uiteensetting te hê van wat u met u spel wil doen, sodat u daarna kan verwys terwyl u daaraan werk.
Raadpleeg hierdie gids vir meer inligting oor die skryf van 'n spelontwerpdokument
Stap 2. Teken 'n paar sketse
Teken 'n basiese uitleg van hoe u die skerms wil lyk. Dit hoef nie baie gedetailleerd te wees nie, maar u moet ten minste 'n idee hê van waar die verskillende elemente op die skerm geplaas sal word. Dit sal later ongelooflik handig wees as u die koppelvlak vir u spel begin bou.
Stap 3. Kies 'n metode om u spel te skep
Tradisioneel sou u moes leer hoe om in ActionScript 3 te kodeer om Flash -speletjies te skep. Alhoewel u dit nog steeds kan doen, is daar programme beskikbaar wat dit makliker maak om speletjies te skep wat geen kodering -ervaring vereis nie. Sommige van die gewildste opsies vir die maak van speletjies sluit in:
- Stencyl - Dit is 'n nuwer instrument waarmee u speletjies kan bou met behulp van voorwerpe en logiese skrifte. Hierdie speletjies kan dan omgeskakel word in Flash -projekte en opgelaai word na enige webwerf wat Flash -speletjies ondersteun.
- Konstruksie 2 - Namate Flash ouer word, het dit begin word om ander speletjies te skep. Een van die nuutste maniere om 'n aanlyn spel te skep, is om HTML5 te gebruik. Normaalweg verg dit baie koderingskennis, maar met Construct 2 kan u speletjies skep met voorwerpe en scripts, net soos Stencyl.
- Flash Builder - Dit is die tradisionele metode om Flash -speletjies te skep. Dit verg 'n redelike hoeveelheid ActionScript -kennis, maar dit is een van die makliker tale om die basiese beginsels van te leer. Flash Builder kos geld, maar u kan die open source FlashDevelop-program gebruik om die meeste van dieselfde funksies te gebruik.
Deel 2 van 4: Die gebruik van Stencyl
Stap 1. Laai Stencyl af en installeer dit
Stencyl is 'n speletjie -skeppingsprogram wat geen koderingskennis benodig nie. In plaas daarvan kan u 'n verskeidenheid logiese instrumente gebruik om voorwerpe in die spel te manipuleer.
Stencyl kan gratis gebruik word as u slegs u speletjie aanlyn wil publiseer. Aan die begin van die gratis weergawe sal 'n Stencyl -logo verskyn. As u die betaalde weergawe kry, kan u dit op ander platforms publiseer
Stap 2. Skep jou nuwe speletjie
As u Stencyl begin, word 'n lys met u speletjies gewys. Daar sal verskeie voorbeeldspeletjies op die lys wees waarna u kan kyk hoe dit werk. Om aan u eie spel te begin werk, klik op die blokkie met die stippellyn met die naam "Klik hier om 'n nuwe spel te skep".
Stap 3. Kies 'n kit
Daar is verskeie kits wat voorafgemaakte bates en voorwerpe bevat wat u kan help om u spel vinnig aan die gang te kry. Kies 'n kit as u wil, of kies 'Blank spel' as u van plan is om u eie te maak.
U kan stelle wat ander gebruikers aanlyn gemaak het, aflaai
Stap 4. Voer u spelinligting in
Voordat u 'n speletjie begin skep, moet u 'n paar inligting invoer.
- Naam - Dit is die naam van u spel. U kan dit later verander na wat u wil.
- Skermgrootte - dit is die grootte van u spelskerm, en dit is baie belangrik, aangesien dit die kuns wat u gebruik, sal beïnvloed. Aangesien mense waarskynlik u speletjie in hul webblaaier sal speel, hoef die skermgrootte nie baie groot te wees nie. Probeer Breedte: 640 px Hoogte: 480 px. Dit is 'n goeie grootte om mee te begin.
Stap 5. Maak kennis met die uitleg
As u u nuwe speletjie die eerste keer laai, word u na die dashboard geneem. Dit is waar u al die tonele van u spel kan sien en toegang tot alle hulpbronne kan kry. U kan ook u spelinstellings van hier af verander. U spandeer die meeste van u tyd in die dashboard.
- Scenes - Dit is die hoofvenster van die dashboard en toon die werklike spel en al die bates. Jou spel sal 'n versameling tonele wees.
- Hulpbronne - Dit is die lys van al die voorwerpe en bates in u spel. dit bevat akteurs, agtergronde, lettertipes, tonele, logika, klanke en teëls. Die hulpbronne word in 'n boom aan die linkerkant van die skerm georganiseer.
- Instellings - Met die spel- en instellingsopsies kan u aanpas hoe die meganika van u spel werk, insluitend kontroles, swaartekrag, botsings, laaiskerms en meer.
Stap 6. Pas 'n akteur aan
'N Akteur is 'n voorwerp wat in die spel beweeg of in wisselwerking kan wees (speler, vyand, deure, ens.). U moet 'n akteur vir elke voorwerp in u spel skep. Om 'n akteur te skep, klik op die opsie "Akteursoorte" in die menu Hulpbronne. Kies die akteur wat u wil hê in die lys (die lys word bepaal deur die kit wat u gekies het).
- Ken die akteur toe aan 'n groep (speler, vyand). Dit sal help om die botsingseienskappe van die akteur te bepaal. Kies u akteur om die akteurredakteur oop te maak. Klik op die oortjie Eienskappe en kies dan die toepaslike groep in die keuselys.
- Voeg gedrag by (spring, stamp, loop). Gedrag is wat u akteur in staat stel om aksies uit te voer. Klik op die oortjie Gedrag en klik dan op die knoppie "+ Voeg gedrag by" in die onderste linkerhoek. Kies 'n gedrag (soos 'loop') uit die lys en klik dan op 'Kies'.
- Stel die kontroles in. As u 'n spelerkarakter skep, sal u die speler waarskynlik wil toelaat om dit te skuif. As u die Walking -gedrag byvoeg, word u na die Walking -eienskappe -skerm geneem. U kan die keuselys gebruik om te kies watter sleutels die akteur na links en regs sal skuif. U kan ook animasies toewys as die kit wat u gebruik enige bevat.
- U kan verskeie gedrag byvoeg om aan te pas wat 'n akteur kan doen.
Stap 7. Skep 'n toneel
Die toneel is wat die speler sien wanneer hy die spel speel. Dit is die agtergrond, sowel as die voorwerpe en akteurs wat sigbaar is. Om 'n nuwe toneel te skep, klik op die opsie Scenes in die Hulpbronboom en klik dan op die blokkie. Gee jou nuwe toneel 'n naam om voort te gaan.
- Agtergrond - U toneel word outomaties aangepas, dus u hoef u nie daaroor te bekommer nie. U kan kies om 'n kleur as agtergrond te gebruik, met teëls daaroor. U kan kies uit 'n soliede kleur of 'n helling. Klik op "Skep" as jy klaar is. Dit sal die toneelontwerper oopmaak.
- Plaas teëls - Die teëlstel wat in u kit ingesluit is, word aan die regterkant van die venster gelaai. Klik op die potloodhulpmiddel in die linkerkieslys en klik dan op die teël wat u wil gebruik. U kan die teël dan op u toneel plaas. Klik en sleep met die muis om verskeie teëls te plaas.
- Plaas akteurs - Klik op die oortjie Akteurs bokant u teëlstel om oor te skakel na u beskikbare akteurs. U moes dit voorheen geskep het om in hierdie lys te verskyn. Klik op die akteur wat u wil plaas, en klik dan op die plek waar u dit wil vertoon. As u ⇧ Shift ingedruk hou, gaan die akteur na die rooster.
- Toevoeging van swaartekrag - Klik op die oortjie "Fisika" bo -aan die venster en voer 'n waarde in in die veld "Gravitasie (vertikaal)". Deur 85 in te voer, simuleer die swaartekrag van die werklike wêreld.
Stap 8. Toets die spel
Nadat u 'n toneel geskep en 'n paar akteurs geplaas het, kan u die spel toets. Klik op die "Test Game" -knoppie bo -aan die skerm om te speel wat u tot dusver het. U kan die sleutels wat u by die opstel van u akteurs gebruik het om u spelerkarakter te beheer.
Soek aspekte wat nie werk nie, en probeer om dit reg te stel. Tree die vyande byvoorbeeld reg op? Kan u u vyande verslaan? Is daar platforms wat onbereikbaar is, of kloof wat nie oorgesteek kan word nie? Keer terug na die relevante area van u speletjie -redakteur om enige van die probleme op te los. Dit kan 'n rukkie neem, maar die eindresultaat sal 'n baie meer aangename en speelbare spel wees
Stap 9. Voeg meer by
Noudat u 'n werkende, speelbare eerste toneel het, is dit tyd om die hele spel te begin bou. Voeg meer vlakke en uitdagings by, en toets u toevoegings voortdurend om te verseker dat dit lekker is en goed werk.
Stap 10. Site Lock jou spel
As u die speletjie gaan oplaai na 'n webwerf met Flash -speletjies of na u eie webwerf, sal u waarskynlik 'Site Locking' wil aktiveer. Dit sal verhoed dat u spel gespeel word as dit nie op die toegelate lys webwerwe is nie.
- Maak 'Game Settings' oop in u boom 'Resources'. Kies die afdeling "Loader". Voer die webwerwe wat u wil toelaat in die veld "Site Lock" in, geskei deur 'n komma sonder spasie. Byvoorbeeld, newgrounds.com, kongregate.com.
- As u op hierdie skerm is, voer u tuisblad in die veld 'U tuisblad' in as u een het. Dit laat spelers wat u speletjie speel, aan u webwerf koppel.
Stap 11. Voer die speletjie uit as Flash
As u tevrede is met u spel, kan u dit na die Flash -formaat uitvoer. Hiermee kan u die speletjie oplaai na 'n webwerf met Flash -speletjies of na u eie webwerf. Klik Publiseer kies Web en klik dan op Flash. Stoor die lêer op 'n maklike plek op u rekenaar.
Stap 12. Publiseer die speletjie
Sodra u u Flash -lêer (. SWF) het, kan u dit na die gasheer van u keuse oplaai. Daar is 'n verskeidenheid webwerwe aanlyn wat Flash -speletjies aanbied, en sommige kan u selfs laat verdien uit advertensie -inkomste met u speletjie. U kan u speletjie ook na u eie webwerf oplaai, maar u wil seker maak dat u die bandwydte het om aan spelers te voldoen as die speletjie gewild raak.
- Sien hierdie gids vir die oplaai van u speletjie na u eie webwerf.
- As u u speletjie na 'n webwerf soos Newgrounds of Kongregate wil oplaai, moet u 'n rekening skep en dan die oplaai proses vir die webwerf deurloop. Die bepalings en voorwaardes wissel van webwerf tot webwerf.
- As u u speletjie in die Stencyl Arcade wil publiseer, kan u dit binne die Stencyl -program doen. Klik Publiseer kies Stencyl en klik dan op Arcade. Die speletjie word outomaties opgelaai, dus maak seker dat u tevrede is met die naam voordat u dit doen. Stencyl Arcade het 'n limiet van 8 MB lêergrootte.
Deel 3 van 4: Gebruik Construct 2
Stap 1. Laai Construct 2 af en installeer dit
Met hierdie program kan u HTML5 -speletjies skep met baie min kodering. U sal 'n paar veranderlikes moet toewys, maar dit word alles gedoen deur middel van spyskaarte sonder dat werklike kodering nodig is.
Construct 2 is gratis, hoewel sommige funksies beperk is, tensy u dit opgradeer. Die gratis weergawe kan nie op ander platforms as HTML5 gepubliseer word nie
Stap 2. Skep 'n nuwe projek
As u Construct 2 die eerste keer begin, word u begroet met 'n verwelkomingsmenu. Klik op die skakel "Nuwe projek" om 'n nuwe speletjie te begin. Daar is ook 'n paar voorbeelde wat u kan gebruik om te sien hoe basiese speletjies geskep word.
As u 'n nuwe projek skep, kry u 'n lys sjablone. Vir u eerste projek wil u waarskynlik met 'n leë projek begin. Hiermee kan u die basiese beginsels onder die knie kry sonder dat sjablone in die pad val
Stap 3. Pas u projekinstellings aan
In die linkerraam van die projekvenster sien u 'n reeks items in die Eienskappe -raam. U kan dit gebruik om u skermgrootte in te stel en u spel- en maatskappyinligting in te voer.
Stap 4. Voeg 'n agtergrond in
Dubbelklik op die uitleg. Kies 'Betegelde agtergrond' in die Algemene afdeling. Klik op u uitleg om die agtergrond te plaas. Dit sal die agtergrondredakteur oopmaak. U moet u eie ontwerp met behulp van beeldbewerkingsprogrammatuur, of teksture van verskillende plekke aanlyn aflaai.
- Stel die agtergrond op die grootte van die uitleg. Doen dit deur die agtergrondvoorwerp te kies en die grootte in die Eienskappe -raam te verander.
- Verander laagnaam en sluit dit. U wil die laag sluit om te voorkom dat dit per ongeluk beweeg terwyl u ander voorwerpe plaas. Klik op die oortjie "lae" aan die regterkant van die skerm. Kies die laag en klik op die potlood -ikoon. Noem die laag "Agtergrond" en klik dan op die "Hangslot" -knoppie om die agtergrond te sluit.
Stap 5. Skep 'n nuwe laag
Klik in die oortjie lae op die "+" - knoppie om 'n nuwe laag te skep. Hernoem dit na "Hoof". Dit is die laag waarop die meeste van u spelvoorwerpe geleë is. Maak seker dat die hooflaag gekies is voordat u verder gaan.
Stap 6. Voeg insette vir u spel by
In Construct 2 moet u insette as voorwerpe by u spel gevoeg word. Hulle is onsigbaar en sal die gebruik van sleutelbord en muis regdeur die projek moontlik maak.
Dubbelklik op u uitleg en kies 'Muis' in die invoerafdeling. Doen dieselfde om die "Keyboard" -voorwerp in te voeg
Stap 7. Voeg voorwerpe by
Dit is tyd om 'n paar spelvoorwerpe by u uitleg te begin voeg. Dubbelklik op die uitleg en kies "Sprite" in die algemene afdeling. Gebruik die kruishare om te kies waar u die sprite wil plaas. Die beeldredakteur sal oopmaak sodat u 'n bestaande sprite kan laai of 'n nuwe kan skep.
As u die sprites op u uitleg kies, laai die eienskappe van die sprite in die linkerraam. Verander die naam van die sprite sodat u dit makliker kan identifiseer en daarna kan verwys
Stap 8. Voeg gedrag by u voorwerpe
Om 'n gedrag by te voeg, klik op die voorwerp waarmee u 'n volledige gedrag wil byvoeg om dit te kies. Klik op die skakel "Voeg/wysig" in die gedeelte Gedrag van die Eienskappe raam. 'N Lys met beskikbare gedrag sal verskyn.
Gedrag is vooraf gekonfigureerde stukke logika waarmee u vinnig funksionaliteit by u voorwerpe kan voeg. U kan kies uit 'n wye verskeidenheid voorafgemaakte gedrag wat 'n wye verskeidenheid funksies kan verrig. Gee byvoorbeeld die 'soliede' gedrag om die vloer stewig te maak. Om die speler-karakter in agt rigtings te skuif, gee dit die '8-rigting-beweging'-gedrag
Stap 9. Verander gedragseienskappe
U kan bestaande gedrag wysig om die manier waarop u voorwerpe werk aan te pas. U kan die waardes verander om die spoed, rigting en ander eienskappe te verander.
Stap 10. Verstaan hoe gebeurtenisse werk
Gebeurtenisse is 'n lys van toestande, en dit is wat die spel dryf. As aan die voorwaardes voldoen word, gebeur die gebeurtenis. As daar nie aan die voorwaardes voldoen word nie, gebeur dit nie. Die gebeurtenisblad word gewoonlik ongeveer 60 keer per sekonde uitgevoer. Elke keer as dit loop, word dit 'n "bosluis" genoem.
Stap 11. Skep 'n geleentheid
Dubbelklik in die leë gebeurtenisblad. 'N Lys met beskikbare voorwerpe sal verskyn. Kies die voorwerp waarvoor u 'n gebeurtenis wil skep, of u kan 'n stelselgebeurtenis skep.
- Kies wanneer die aksie plaasvind. Nadat u die voorwerp gekies het, word u gevra om te kies wanneer die gebeurtenis moet plaasvind. Dit kan gebaseer wees op ander gebeure of op sekere tye. 'Elke bosluis' is altyd.
- Voeg 'n aksie by. U sal gevra word om een van u voorwerpe te kies. Kies uit 'n lys aksies. As u byvoorbeeld 'n top-down shooter maak en wil hê dat die speler se karakter altyd na die muis moet kyk, sal u 'n aksie "Stel hoek in die rigting van posisie" skep op elke merk wat op die Player-voorwerp gestel word. As u die koördinate vra, voer "Muis. X" vir X en "Muis. Y" vir Y in. Dit sal die speler se skip altyd na die wyser wys.
Stap 12. Voeg meer gebeurtenisse en gedrag by
Dit is die ruggraat van u spel. Deur gedrag en gebeurtenisse by te voeg en aan te pas, sal u help om 'n unieke en prettige speletjie te maak waarna mense sal wag. Eksperimenteer met verskillende gebeurtenisse om die presiese spel te kry wat u wil hê.
Stap 13. Voeg 'n paar veranderlikes by
Daar is twee tipes veranderlikes in Construct 2: instansieveranderlikes en globale veranderlikes. Hiermee kan u persoonlike waardes vir u voorwerpe en speletjies stel, soos gesondheid, tydsbeperkings, tellings en meer.
- Instansieveranderlikes - Instansieveranderlikes is veranderlikes wat aan enkele voorwerpe toegeken word. Hulle word gebruik vir dinge soos vyand en speler se gesondheid. U kan instansieveranderlikes byvoeg nadat u 'n voorwerp gekies het deur op die skakel "Voeg / wysig" in die afdeling Veranderlikes van die Eienskappe -raam te klik. Gee die veranderlike 'n naam waarna in 'n gebeurtenis verwys kan word, sowel as 'n aanvanklike waarde.
- Globale veranderlikes - Globale veranderlikes is veranderlikes wat aan die hele spel toegeken word. Hulle word gebruik vir dinge soos die spelers telling. Om 'n globale veranderlike te skep, maak die gebeurtenisblad oop en klik met die rechtermuisknop op 'n leë spasie. Klik op "Voeg globale veranderlike by", gee dit 'n naam waarna in 'n gebeurtenis verwys kan word, en voer dan 'n aanvanklike waarde in.
Stap 14. Skep 'n koppelvlak
As u 'n koppelvlak skep, is dit die beste om dit op 'n nuwe laag te doen. Dit is omdat die koppelvlak selde beweeg of verander, dus dit is goed om dit op 'n geslote laag te hê. Stel "Parallax" in die Eienskappe -raam vir die nuwe laag op 0. Dit sal verhoed dat die laag rol wanneer die skerm dit doen.
Gebruik teksblokkies en veranderlikes om u koppelvlak te skep. U kan u teksblokkies instel om die oorblywende gesondheid, telling, ammunisie of enigiets anders wat die speler gereeld moet sien, te vertoon
Stap 15. Toets en hersien u spel
Noudat u 'n paar voorwerpe op die skerm het met gebeure en gedrag, kan u begin om inhoud te toets en by te voeg. Klik op die "Speel" -knoppie bo -aan die skerm om die spel te bou en te toets. Let op na alles wat nie gewerk het nie, en probeer om dit reg te stel sodat u spel speelbaar en pret sal wees.
Stap 16. Voer die speletjie uit
As u tevrede is met u spel, kan u dit uitvoer sodat dit na enigeen op 'n webwerf opgelaai kan word. Om die speletjie uit te voer, klik op die lêer kies en kies Uitvoer. Stoor die projek op 'n plek wat u maklik kan vind.
Stap 17. Publiseer die speletjie
Daar is verskillende webwerwe waarmee u HTML5 -speletjies kan oplaai sodat ander dit kan speel. U kan die speletjie ook by u eie webwerf voeg. Raadpleeg hierdie gids vir meer inligting oor die oplaai van die speletjie na u eie webwerf.
Deel 4 van 4: Kodering vanaf Scratch
Stap 1. Laai 'n programmerings -IDE af (Integrated Development Environment) wat HTML ondersteun, soos Game Maker Studio
Sommige is gratis beskikbaar, alhoewel baie van die beste IDE's honderde dollars kos.
Stap 2. Leer hoe om die IDE te gebruik
Dit is ongelooflik belangrik om te leer programmeer in u omgewing. Dit kan weke of selfs maande neem om die meeste algemene kode te memoriseer en te leer hoe om dinge reg te implementeer. Wees geduldig en dit sal alles vrugte afwerp!
Stap 3. Skep u spel sodra u dink dat u gereed is
Dit is 'n goeie begin om 'n ontwerpdokument te maak of 'n paar idees op te teken. Dit kan maande neem om 'n speletjie te programmeer, of as u regtig ernstig is om 'n treffer te maak, selfs 'n jaar of twee.
Stap 4. Toets die spel
Probeer om mal of onverwagte dinge te doen en verwyder soveel foute as wat u kan. Probeer ook vasstel of die spel soos u dit wil hê, of dat u moet teruggaan en veranderinge moet aanbring.
Stap 5. Publiseer dit
Publiseer u speletjie aanlyn op 'n webwerf soos Kongregate. U moet voorbereid wees op opbouende kritiek, en u wil u spel moontlik opdateer om aan die wense van u spelerbasis te voldoen.
Wenke
- As u meer belangstel om die kode agter Flash -speletjies te leer, kan u Flash Builder en ActionScript 3 -kode gebruik om pasgemaakte speletjies te skep. Dit sal langer neem, maar kan 'n meer unieke ervaring tot gevolg hê. Sien hierdie gids vir meer inligting oor programmering in Actions Script 3.
- Gee krediet aan alle bronne waaruit u idees of inhoud geneem het, en aan almal wat die spel gehelp het.
