Naredite svojo igro Mario! Osnove praskanja za otroke in odrasle

Naredite svojo igro Mario! Osnove praskanja za otroke in odrasle
Ta priročnik je na voljo za prenos kot brezplačen PDF. Prenesite to datoteko zdaj . Kopirajte in delite to s prijatelji in družino.

Ali ste vedeli, da lahko kdo naredi video igro brez programiranja? Čeprav obstaja več jezikov, prijaznih začetnikom, vam za izdelavo igre ni treba porabiti pol leta za učenje Jave ali C ++. Izbirate lahko med številnimi orodji za različne vrste iger, vendar je ena odlična možnost za otroke (in odrasle) brezplačna za MIT Praskaj .





Scratch je orodje, ki vam omogoča povleci in spusti sredstva za ustvarjanje iger ali animacij. To je enostavno razumeti, vendar pri tem uči gradnike programiranja. Poglejmo, kaj lahko ustvarite v programu Scratch, nato pa pojdite skozi korake do ustvarjanja preproste igre Mario.



Spoznajte Scratch

Če želite začeti s programom Scratch, pojdite na domačo stran . Takoj morate ustvariti račun, da lahko shranite svoje stvaritve. Kliknite na Pridružite se Scratch gumb v zgornjem desnem kotu okna. Ustvarite uporabniško ime in geslo, vnesite datum rojstva in spol, nato bo sistem zahteval e -poštni naslov staršev. Vnesite svojega, če ga imate, nato potrdite svoj naslov, da boste lahko komentirali druge projekte in delili svojega.





Zdaj lahko skočite naravnost. Kliknite Ustvari v zgornji orodni vrstici za zagon urejevalnika Scratch. Če želite, lahko tudi prenesite urejevalnik brez povezave delo brez internetne povezave.

Zaslonski elementi

Ko zaženete urejevalnik, boste videli spodnje okno. Razčlenimo njegove elemente (če je spodnja slika nejasna, si oglejte sliko v polni velikosti):



  1. Stopnja - Prikaže kratek povzetek vaše igre. Tu bodo prikazani vsi aktivni sprite in izbrano ozadje. Po želji lahko premikate sprite. V polje nad tem dajte svojemu projektu ime.
  2. Ozadje - Tu lahko izberete ozadje za svojo igro. Izberite iz knjižnice Scratch, pobarvajte svojo ali uvozite datoteko. Sliko lahko vzamete tudi s fotoaparata računalnika, čeprav večina ljudi te možnosti verjetno ne bo potrebovala.
  3. Sprites - Središče za vse sprite v vašem projektu. Tako kot kulise lahko dodate privzete, ustvarite svoje ali naložite slike. Kliknite na malo modro jaz ikono na sprite, da ga preimenujete, spremenite kot ali skrijete.
  4. Delovno območje - Kjer poteka večina vašega dela v programu Scratch. Uporabite zgornje zavihke (označene) Skripti , Kostumi , in Sliši se spremeniti, na čem delate.
    1. Skripti je za dodajanje blokov kode, ki jih bomo kmalu obravnavali.
    2. Kostumi vam omogoča, da ustvarite dodatne poze za svoje sprite. Ta zavihek se bo spremenil v Kulise če imate na območju izbranega 2 , in nazaj na Kostumi ko izberete Sprite na območju 6 . Osnovni urejevalnik slik omogoča spreminjanje grafike v igri. Sredstva lahko preimenujete tudi tukaj.
    3. Sliši se ni presenetljivo, da je središče za dodajanje in urejanje zvokov.
  5. Bloki - Odvisno od tega, kateri od treh zavihkov ste izbrali, bo to področje preklapljalo med kodnimi bloki, kostumi/ozadja sprite in zvočnimi posnetki.
  6. Nadzorni gumbi - Zelena zastavica začne vašo igro, rdeča oznaka stop pa jo konča. To boste uporabili za testiranje.

Uporaba blokov

Zdaj, ko ste se seznanili z urejevalnikom Scratch, se pogovorimo o enem najpomembnejših delov orodja - kodnih blokih. Namesto da bi vnesli pravo kodo, ti bloki omogočajo, da definirate vedenje svojih elementov. Združujejo se kot LEGO -ji, zato je enostavno videti, kako drug na drugega vplivajo.

Kliknite sprite na levem seznamu in izberite Skripti zavihek za začetek vlečenja blokov za ta element. Upoštevajte, da so bloki barvno označeni in imajo robove kot sestavljanka, da pokažejo, kako se ujemajo. Deset kategorij in kaj počnejo so:



  • Gibanje - Naredite sprite premaknite, bodisi po korakih, proti drugemu objektu ali prek neposrednih koordinat.
  • Izgleda - Omogoča, da se sprite skrije ali pokaže, preklopi kostume, spremeni velikost ali se premika med plastmi.
  • Zvok - Predvajajte zvoke, spreminjajte glasnost ali prilagajajte tempo.
  • Peresnik - Narišite z označevalcem in spremenite njegovo barvo in obliko.
  • Podatki - Omogoča ustvarjanje lastnih spremenljivk. To je zelo priročno za elemente, ki jih Scratch nima vgrajenega.
  • Dogodki - Merila za začetek drugih dejanj, na primer, ko kliknete zeleno zastavico ali pritisnete preslednico. Te bloke potrebujete, da vsi drugi bloki dejansko nekaj naredijo!
  • Nadzor -Znotraj ponavljanja dejanja, izvajanja stavka if-else ali ustavitve nečesa.
  • Zaznavanje - Te bloke postavite v druge za izvajanje dejanj, ko se sprite dotika drugega elementa ali če uporabnik drži tipko.
  • Operaterji - Matematični elementi, ki vam omogočajo izvajanje aritmetičnih ali osnovnih logičnih operacij na spremenljivkah.
  • Več blokov - Naredite svoje bloke, če to ni dovolj!

Preprost primer

Vzemimo preprost primer, ki ponazarja, kako se ti bloki korak za korakom ujemajo. Mačka Scratch bo udarila nogometno žogo v gol in predvajala zvok, ko bo vstopila.

Najprej potrebujete kul nogometno ozadje. Pojdite v Ozadje v spodnjem levem kotu in kliknite ikono slike, da izberete eno od Scratch kulis. Eden se imenuje Cilj 1 to bo delovalo odlično. Nato kliknite ikono sprite, če želite dodati nov že izdelan sprite. Moral bi videti Nogomet z žogo na seznamu-dvokliknite ga, da ga dodate med svoje sprite.



Zdaj, ko je grafika pripravljena, morate začeti z nekaterimi bloki. Izberite mačko, saj je on tisti, ki izvaja dejanje. Ne pozabite, da je Dogodki zavihek vsebuje veliko začetnih blokov? Poglejte in videli boste enega, ki se sproži, ko kliknete zeleno zastavo. To je odlično izhodišče - povlecite ga v Skripti delovno območje.

Ko začnete, želite, da mačka pobegne in brcne žogo, kajne? Sliši se kot nekaj, kar bi spadalo pod Gibanje zavihek. Mačko lahko premaknete, na primer Premakni X korake blok. Ne moremo pa jamčiti, koliko korakov bo mačka potrebovala, da pride do žoge. Za to obstaja boljši blok - poskusite Povlecite X sekund do blok. Ena sekunda je pravi čas in kliknite na modro jaz ikono nogometne žoge, da si ogledate njene koordinate. Vnesite jih v blok in vaše prvo dejanje je končano!

Brcanje z žogo

Ko se mačka dotakne nogometne žoge, mora leteti v gol. Zato izberite nogometno žogo, da ji lahko dodate nekaj dejanj. Ne pozabite, da se mora vsako dejanje začeti z Dogodek - zelena zastavica je v tem primeru v redu. Nočeš, da se nogometna žoga premakne, dokler se je mačka ne dotakne. Oglejte si Nadzor kategorijo za blok, ki nam omogoča, da omejimo njegovo vedenje. The Počakaj dokler blokiraj zvoke približno prav!

Upoštevajte, kako Počakaj dokler blok ima v notranjosti podolgovato obliko šesterokotnika. Mnogi od Zaznavanje bloki ustrezajo tej obliki, zato si oglejte tiste, da najdete pravega. Glej dotikanje blokirati na vrhu seznama? To lahko povlečete desno v notranjo luknjo Počakaj dokler . Spustni meni spremenite v Mačka ali kakorkoli že ste poimenovali mačjega duha.

Zdaj morate le nogometno žogo prileteti v gol. The Povlecite X sekund do blok v Gibanje kategorija, ki smo jo prej uporabili za mačko, bo delovala dobro. Zataknite ta blok pod počakaj dokler , in postavite kazalec miške na mrežo vrat. Boste videli X in IN koordinate pod odrom - priključite jih v Drsenje blok. Žoga bi se morala ob udarcu precej hitro premakniti, zato poskusimo 0,5 sekunde za čas.

In množica divja

Zadnji korak je dodajanje zvoka! Izberite Sliši se zavihek nad delovnim območjem, če želite dodati novega. Kliknite ikono zvočnika pod Nov zvok vzeti enega iz Scratchove knjižnice. Eden se imenuje Na zdravje pod Človek kategoriji, kar je popolno. Dvokliknite, da dodate, nato pa se vrnite v delovni prostor za nogometno žogo.

zmanjša velikost jpega

Našli boste blok z oznako Predvajaj zvok pod Zvok kategorijo. Pripni to pod drsenje blok, in končali ste! Za predvajanje animacije kliknite zeleno zastavico. Mačka bo stekla do žoge in ko se je dotakne, žoga odleti v gol in množica navija.

[video mp4 = 'https: //www.makeuseof.com/wp-content/uploads/2017/04/Scratch-Soccer-Example-Video.mp4'] [/video]

To ni bilo preveč težko! Zdaj, ko smo raziskali, kako se bloki povezujejo in se ujemajo, poglejmo, kako lahko z uporabo Scratcha sestavite igro Mario.

Ustvarjanje osnovne igre Mario

Zgornji preprost nogometni primer prikazuje, kako lahko uporabite bloke za nadzor sprajtov, vendar nima igranja, animacij ali glasbe. Poglejmo več o tem in ustvarimo preprosto igro Mario. Za vsak vidik ustvarjanja igre bi lahko porabili na tisoče besed, zato se bomo držali osnov.

Prosimo, upoštevajte: Ker nisem umetnik, za namene te vadnice kopiram Mario sprite iz spleta. Mario grafika je v lasti Nintenda in ne smete objavljati nobene igre z uporabo zaščitenih avtorskih pravic. To je predstavljeno le kot primer.

Uvozi grafiko

Prvi korak je, da svoje sprite in ozadja uvozite v Scratch. Ker uporabljamo slike iz spleta, jih bom naložil in nato naložil v Scratch. Ustvarjanje logike, tako da lahko Mario skoči na sovražnike, da jih premaga, a umre zaradi dotika njihovih strani, je za to vadnico preveč napredovalo, zato ga bomo namesto tega zbrali.

Na koncu vadnice bom dal datoteko ZIP z zadnjimi sredstvi, ki sem jih uporabil. Če jih uporabljate, vam ne bo treba skrbeti za navodila za manipulacijo slik v vadnici. Če želite vse prenesti sami, nadaljujte. Tu so sprajti, ki sem jih prenesel:

Scratch ima a Modro nebo 3 ozadje, ki bo dobro delovalo za naše potrebe.

Urejanje kostumov Sprite

Ker obstajata dva sprite, ki sestavljata Mariovo animacijo teka, ju morate dodati kot ločene kostume. Z urejevalnikom slik, kot je Paint.NET, shranite dva okvirja Mario kot ločeni datoteki - tretjega lahko prezrete. Naložite prvi Mario sprite, nato ga izberite in uporabite Kostumi za prenos drugega duha kot drugega kostuma. Dajte jim razločna imena, na primer Mario-1 in Mario-2 . Dodajte skakalni duh kot še en kostum za Maria.

Z urejevalnikom slik izvlecite oblak iz zgornje slike, nato pa jo naložite kot nov sprite. Ni animirano, zato vam ni treba dodati ločenega kostuma.

Za tla boste potrebovali veliko blokov, saj Mario teče po njih. S programom Paint.NET zgrabite šest blokov na sredini Ozemljitveni bloki sliko, nato jih shranite kot ločeno datoteko. Potrebovali boste približno 12 blokov, da pokrijete celotno dno zaslona, ​​ko jih skrčite na dobro velikost. Tako bi morali dve kopiji teh šestih blokov postaviti drug ob drugega Tla sprite. Naložite to in nato v Scratchu naredite dva podvojena kosa sprite.

Kovanec je animirani GIF, zato je nekoliko drugačen. Ko ga naložite, bo Scratch ustvaril kostume za vsak okvir animacije. Ta slika ima skupaj 11 sličic, na žalost pa ima tudi belo obrobo, ki gleda na modro ozadje. Vsak kostum za kovanec boste morali odpreti v urejevalniku Scratch. Z orodjem za pipete izberite modro barvo ozadja, nato pa z orodjem za vedro barve spremenite bele robove kovanca v bledo modro.

Velikosti sprajtov boste morali spremeniti z Rasti in Skrči gumbi na vrhu zaslona, ​​tik nad gumbom z zeleno zastavo. Kliknite kateri koli gumb, nato pa na odru na levi kliknite sprite, ki ga želite spremeniti. To bo spremenilo tudi velikost vseh kostumov. Zaenkrat jih primerjajte; lahko pozneje natančno nastavite.

Uvozi zvoke

Tako kot sprite bomo tudi mi zgrabili nekaj zvokov, s katerimi bomo popestrili našo igro. Pojdite naprej in jih naložite, nato pa naložite z uporabo Sliši se zavihek. Ko ste že pri tem, poglejte jih dodate kot kul melodije zvonjenja za telefon .

Animirajte kovance

Zdaj, ko so vsa sredstva pripravljena, je čas, da jih začnemo oživljati. Začeli bomo s kovanci, saj je to enostavno. Izberite sprite kovanca in Skripti zavihek. Ker so naši kovanci animirani GIF -i, lahko uporabimo vrsto blokov, da se nenehno pomikamo po njihovih kostumih, tako da se zdi, da se premikajo.

Scenarij animacije izgleda nekako takole:

Skratka, ta skript nastavi kovanec v privzeto stanje, ko kliknete zeleno zastavico. Nato kroži skozi okvirje neskončno, s hitrostjo, ki ste jo nastavili kot FPS spremenljivka v Podatki zavihek. Če vam hitrost ni všeč, se poigrajte s to številko.

Počistite polje zraven Kovanci-FPS v Podatki tab (to je spremenljivka po meri, ki jo ustvarite), zato se ne prikaže na zaslonu.

Ustvarjanje Maria Move

Zdaj pa težji del. Mario se premakne v veliko korakov in pravzaprav je trik, ki se pomika po temeljnih blokih, da daje videz gibanja. Namesto da bi poskušal razložiti vsako zanko blokov, bom posredoval posnetke zaslona kodnih blokov in razložil njihove poudarke.

Najprej morate narediti štiri spremenljivke v Podatki zavihek. Vse štiri so Za vse sprite razen Hitrost , ki je samo za Mario:

  • Gravitacija je stalnica, ki Mario skoči nazaj na tla, ko skoči.
  • OnGround spremlja, ali se Mario dotika tal ali ne.
  • ScrollX meri vodoravno gibanje zaslona.
  • Hitrost (Samo Mario) nadzoruje hitrost, s katero Mario skače.

Animacija tal

Naredili ste že dva svoja dvojnika Tla sprite, tako da ga kliknete z desnim gumbom miške in izberete Podvojeno . Povlecite Tla-1 skrajno levo od zaslona, ​​tako da se njegov najbolj levi blok dotika skrajne leve strani zaslona. Nato povlecite drugi sprite (e) na desno desno od prvega. Robove poravnajte navzgor in videti bo, kot da je tla en trden kos.

Tu je kodni blok, ki ga potrebujete za vsakega Tla sprite:

S tem postavite tla na dno zaslona in nato preprosto premikate bloke, ko se Mario premika. ScrollX je položaj blokov; 0 je privzeti položaj, ki se zažene, ko kliknete zeleno zastavico. Opazili boste, da se takoj po začetku ne morete premakniti v levo.

Za drugi (in nadaljnje) ozemljitvene bloke povečajte 0 vpiši Pomaknite se X + 480 * 0 po enega za vsak nov kos zemlje. To ga bo izravnalo, zato se bo gladko pomikalo.

Mariova logika

To je vse, kar je potrebno za bloke, Mario pa ima veliko več kodnih blokov. Evo, kaj vsak od njih počne s kratkim povzetkom:

Ta blok kode spremeni ScrollX spremenljivo, ko se Mario premakne. Kadar koli pritisnete levo ali desno, se Mario obrne v ustrezno smer in naredi korak, ki se povečuje ScrollX za 3. Če ugotovite, da se Mario pri premikanju v levo obrne na glavo, kliknite modro jaz na njegovem duhu in se prepričajte, da Slog vrtenja je nastavljena na drugo možnost. To ga bo obrnilo levo in desno, namesto v krog.

aplikacija, ki vam pove ime pesmi

Tu vidimo kodo, ki obravnava spremembe Mariovih kostumov. Ko Mario ni na tleh, ima skakalni kostum. Kadar koli se premikate levo ali desno, Mario vsako deseto sekundo preklaplja med okvirji. Spustite puščične tipke in Mario privzeto privzame standardni okvir.

Preprost kodek, ki določa OnGround spremenljivka. Če se dotakne enega od temeljev, OnGround enako 1 (res). Ko skače, OnGround je 0 (napačno).

Ta dva bloka kode obravnavata Mariovo hitrost skoka. Na levi je blok, ki zagotavlja, da Mario nima zagona, če je na tleh. Če je v zraku, gravitacija postopoma upočasni njegovo hitrost, kar je stalna vrednost. Z desnim blokom Mario skoči, ko pritisnete preslednico. Njegov zvok skoka igra in hitrost ga poganja v zrak, dokler gravitacija ne prevzame.

Naš zadnji blok kode za Mario je nastavljen. Ko pritisnete zeleno zastavico za začetek, se začne glasba, vse spremenljivke so nastavljene na privzete vrednosti, Mario pa se prikaže na sredini zaslona.

Zbiranje kovancev

Vrnimo se k kovancem. Poskrbeti moramo, da Mario, ko ga zgrabi, odda zvok in izgine. Za to naredimo ločen skript - ločevanje skriptov po funkcijah je pomembna praksa pri programiranju. Velik kup blokov otežuje odkrivanje problema, ko gre kaj narobe.

Tukaj je naš skript zbiranja kovancev:

To je precej preprosto: kadar se Mario dotakne kovanca, se predvaja zvok zbirke in kovanec se skrije. V kodo animacije kovanca smo postavili Pokaži blokirati, da se kovanci ob ponovnem zagonu znova pojavijo.

Pomaknite se na kovance in oblake

Skoraj ste že tam! Ker se Mario ne premika, ampak se pomika po tleh, moramo poskrbeti, da se tudi kovanci pomikajo, da jih lahko Mario zbere. Tako to deluje:

To postavi kovanec na a IN vrednost (to je navpični položaj zaslona), kjer jo Mario zlahka zgrabi. Nato uporabi podobno logiko kot osnovni bloki za pomikanje proti Mariju. Upoštevajte, da smo hitrost drsenja povečali na 0,75 tako da se kovanci hitro premaknejo proti Mariju. Za drugi in tretji kovanec povečamo y nastavite na polje do -40 in -dvajset zato so nekoliko višje in Mario jih težje zgrabi. V Nastavite x na blok, povečajte 150 * 1 do 150 * 3 in 150 * 5 za drugi in tretji kovanec, da ju postavimo bolj desno, zunaj zaslona.

Oblaki uporabljajo skoraj enak blok kode:

To spet postavlja oblak na določeno višino, nato pa se ga pomika, ko se Mario premika. Za drugi oblak, ki je pred Mariom in ne za njim, spremenite nastavite x na blokiraj do (ScrollX * 0,1) + (150 * 1) , tako kot kovanci.

Dodaj obrobe

Zaradi načina izvajanja tal in kovancev boste videli kovance, ki so obtičali na robu zaslona, ​​dokler se ne pomaknejo v pogled. To je grdo, zato morate ustvariti hitri obrobni sprite iste barve kot ozadje, da to skrijete na levi in ​​desni strani.

Najlažji način za to je, da z desnim gumbom miške kliknete na oder in kliknete Shrani sliko odra . Odprite to v programu Paint.NET in z orodjem za pipete izberite modro barvo ozadja. S spodnjim desnim dialogom dodajte novo plast. Nato z orodjem pravokotnika narišite napolnjen modri pravokotnik na obeh straneh zaslona. Pokrijte približno polovico vsakega bloka, nato izbrišite plast ozadja.

Shranite to kot datoteko PNG in jo naložite kot nov sprite, imenovan Meja . Ker ste obrobe narisali kar čez zaslon, jih lahko popolnoma poravnate.

Nato potrebujete le nekaj blokov, tako da je meja vedno spredaj:

Razširite svojo igro

Preizkusite končni izdelek tukaj !

Skupaj smo postavili samo osnove igre Mario. Od tu lahko svoji igri dodate veliko elementov. Poskusite dodati Super Mushrooms za napajanje Maria, narediti nekaj jam, ki jih mora Mario očistiti, ali ustvariti zastavo na zadnji ravni. Z gradniki, ki ste jih izbrali tukaj, lahko dodate več sprajtov, spremenljivk in logike, da naredite karkoli želite. Veselimo se, kaj bomo pripravili!

Uporabniku programa Scratch dryd3418 bi radi povedali, saj smo uporabili nekaj kode iz njegove Super Mario: Vadnica za pomikanje in skok projekt v našem projektu za ta članek. Za podrobnejšo pomoč, vključno s skripti, ki jih lahko kopirate, si oglejte drug priročnik za izdelavo igre Mario . Če želite ubrati lažjo pot, si oglejte Ustvarite svoj projekt Mario Game ki vam omogoča, da povlečete in spustite sprite, da naredite preprosto igro.

Upoštevajte, da lahko pri katerem koli projektu Scratch kliknete Glej Notri odpreti projekt v urejevalniku, tako kot ste ga uporabili za svoj projekt. Tako si lahko ogledate bloke, ki jih je nekdo uporabil za izvedbo svojega projekta, in vam lahko pomaga, ko se zataknete. Svoj projekt sem dal na voljo vsem, zato vas prosimo, da oglejte si in če potrebujete pomoč, si oglejte kodo. Prav tako sem zadrgal vsa sredstva, ki sem jih uporabil v tej igri, tako da lahko prenesite jih da prihranite nekaj časa.

Vas zanima ta korak naprej? Oglejte si Scratch For Arduino za gradnjo projektov na tej platformi. Če ste pripravljeni na potop, preverite vse, kar potrebujete za izdelavo igre iPhone iz nič.

kako kopirati blu ray na računalnik

Za druge zabavne stvari, ki jih lahko naredite s svojimi otroki, si oglejte ta spletna mesta za obrt DIY in projekte za otroke in najstnike.

Deliti Deliti Cvrkutati E-naslov Kako očistiti računalnik z operacijskim sistemom Windows z ukaznim pozivom

Če v računalniku z operacijskim sistemom Windows primanjkuje prostora za shranjevanje, jih očistite s temi hitrimi pripomočki ukaznega poziva.

Preberite Naprej Sorodne teme
  • Programiranje
  • Dolga oblika
  • Vodnik po dolgi obliki
  • Praskaj
O avtorju Ben Stegner(1735 objavljenih člankov)

Ben je namestnik urednika in vodja vključevanja v MakeUseOf. Leta 2016 je zapustil službo IT, da bi pisal s polnim delovnim časom, in se nikoli ni ozrl nazaj. Že več kot sedem let pokriva tehnične vaje, priporočila za video igre in še več kot poklicni pisatelj.

Več od Bena Stegnerja

Naročite se na naše novice

Pridružite se našemu glasilu za tehnične nasvete, ocene, brezplačne e -knjige in ekskluzivne ponudbe!

Kliknite tukaj, da se naročite