Napravite svoju Mario igru! Osnove grebanja za djecu i odrasle

Napravite svoju Mario igru! Osnove grebanja za djecu i odrasle
Ovaj vodič je dostupan za preuzimanje kao besplatni PDF. Preuzmite ovu datoteku sada . Slobodno kopirajte i podijelite ovo sa svojim prijateljima i obitelji.

Jeste li znali da bilo tko može napraviti videoigru bez programiranja? Iako postoji nekoliko jezika prilagođenih početnicima, ne morate potrošiti pola godine na učenje Jave ili C ++ da biste izgradili igru. Mogli ste birati između mnogih alata za razne vrste igara, ali jedna izvrsna opcija za djecu (i odrasle) je besplatna s MIT -a Ogrepsti .





Scratch je alat koji vam omogućuje povlačenje i ispuštanje materijala za stvaranje igara ili animacija. Lako je razumjeti, ali pritom uči gradivne elemente programiranja. Pogledajmo što možete stvoriti u Scratchu, a zatim prođite korake za stvaranje jednostavne igre Mario.



Upoznajte Scratch

Za početak rada sa Scratchom krenite na početnu stranicu . Trebali biste odmah stvoriti račun kako biste mogli spremiti svoje kreacije. Kliknite na Pridružite se Scratch -u gumb u gornjem desnom kutu prozora. Kreirajte korisničko ime i lozinku, unesite datum rođenja i spol, a zatim će sustav zatražiti e -adresu roditelja. Unesite vlastiti ako ga imate, a zatim potvrdite svoju adresu kako biste mogli komentirati druge projekte i podijeliti svoj.





Sada možete odmah ući. Kliknite Stvoriti na gornjoj alatnoj traci za pokretanje uređivača Scratch. Ako želite, možete i vi preuzmite offline editor raditi bez internetske veze.

Elementi na ekranu

Kada pokrenete uređivač, vidjet ćete donji prozor. Raščlanimo njegove elemente (pogledajte sliku u punoj veličini ako je mala ispod nejasna):



  1. Pozornica - Pokazuje kratak sažetak vaše igre. Ovdje će se pojaviti svi aktivni sprajtovi i odabrana pozadina. Ako želite, možete pomicati duhove. Dajte svom projektu naziv u polje iznad ovoga.
  2. Pozadina - Ovdje možete odabrati pozadinu za igru. Odaberite iz Scratch biblioteke, oslikajte vlastitu ili uvezite datoteku. Također možete uzeti sliku s kamere vašeg računala, iako većini ljudi ova opcija vjerojatno neće trebati.
  3. Duhovi - Centar za sve duhove u vašem projektu. Kao i pozadine, možete dodati zadane, stvoriti vlastite ili prenijeti slike. Pritisnite malu plavu i ikonu na sprite da biste je preimenovali, promijenili kut ili sakrili.
  4. Radno područje - Tamo gdje se odvija najveći dio vašeg rada u programu Scratch. Koristite gornje kartice (označene) Skripte , Kostimi , i Zvuči da promijenite ono na čemu radite.
    1. Skripte služi za dodavanje blokova koda, što ćemo uskoro pokriti.
    2. Kostimi omogućuje vam stvaranje dodatnih poza za vaše duhove. Ova će se kartica promijeniti u Pozadine ako ste odabrali jedno u tom području 2 , i natrag na Kostimi kada odaberete Sprite u području 6 . Osnovni uređivač slika omogućuje vam izmjene grafike u igri. Imovinu možete preimenovati i ovdje.
    3. Zvuči , što ne čudi, središte je dodavanja i uređivanja zvukova.
  5. Blokovi - Ovisno o tome koju ste od tri kartice odabrali, ovo će se područje prebacivati ​​između blokova koda, kostima/pozadina spriteta i zvučnih isječaka.
  6. Kontrolni gumbi - Zelena zastavica započinje vašu igru, dok je crveni znak znaka zaustavljanja završava. Ovo ćete koristiti za testiranje.

Korištenje blokova

Sada kada ste se upoznali sa Scratchovim urednikom, razgovarajmo o jednom od najvažnijih dijelova alata - blokovima koda. Umjesto upisivanja stvarnog koda, ovi vam blokovi omogućuju definiranje ponašanja vaših elemenata. Spajaju se poput LEGO kockica, pa je lako vidjeti kako utječu jedno na drugo.

Kliknite sprajt s popisa s lijeve strane i svakako odaberite Skripte karticu za početak povlačenja blokova za taj element. Imajte na umu da su blokovi označeni bojama i da imaju rubove poput slagalice koji pokazuju kako se međusobno uklapaju. Deset kategorija i ono što rade su:



  • Pokret - Učinite da se zadani sprite pomakne, bilo u koracima, prema drugom objektu ili putem izravnih koordinata.
  • Izgled - Omogućuje da se sprite sakrije ili pokaže, mijenja kostime, mijenja veličinu ili se kreće između slojeva.
  • Zvuk - Reproducirajte zvukove, promijenite glasnoću ili prilagodite tempo.
  • Olovka - Nacrtajte markerom i promijenite mu boju i oblik.
  • Podaci - Omogućuje vam stvaranje vlastitih varijabli. Ovo dolazi iznimno dobro za elemente koje Scratch nema ugrađene.
  • Događaji - Kriteriji za pokretanje drugih radnji, primjerice kada kliknete zelenu zastavicu ili pritisnete razmaknicu. Ti su vam blokovi potrebni da bi svi vaši drugi blokovi zapravo nešto učinili!
  • Kontrolirati -Petlje za ponavljanje radnje, izvođenje if-else naredbe ili zaustavljanje nečega.
  • Osećanje - Postavite ove blokove u druge za obavljanje radnji kada sprite dodiruje drugi element ili korisnik drži tipku pritisnutom.
  • Operateri - Matematički elementi koji vam omogućuju izvođenje aritmetičkih ili osnovnih Booleovih operacija nad varijablama.
  • Više blokova - Napravite vlastite blokove ako ovo nije dovoljno!

Jednostavan primjer

Uzmimo jednostavan primjer kako bismo ilustrirali kako se ti blokovi uklapaju, korak po korak. Mačku Scratch natjerat ćemo da ubaci nogometnu loptu u gol, te će pustiti zvuk kad uđe.

Prvo, trebate kul nogometnu pozadinu. Krenite u Pozadina odjeljku u donjem lijevom kutu i kliknite ikonu slike da biste odabrali jednu od Scratch pozadina. Ima jedan koji se zove Cilj 1 to će savršeno funkcionirati. Zatim kliknite ikonu sprite da biste dodali novi već izrađeni sprite. Trebali biste vidjeti Nogometna lopta na popisu-dvaput kliknite na nju da biste je dodali u sprajtove.



Sada kada je grafika spremna, morate početi s nekim blokovima. Odaberite mačku jer on vrši radnju. Upamtite da je Događaji kartica sadrži mnoge početne blokove? Pogledajte i vidjet ćete onu koja se aktivira kad pritisnete zelenu zastavicu. To je savršeno polazište - povucite ga u Skripte radno područje.

Kad počnete, želite da mačka pregazi i šutne loptu, zar ne? To zvuči kao nešto što bi spadalo pod Pokret tab. Imate nekoliko mogućnosti za pokretanje mačke, poput Pomaknite X korake blok. Ali ne možemo jamčiti koliko će koraka mačka morati doći do lopte. Za to postoji bolji blok - isprobajte Klizite X sekundi do blok. Jedna sekunda je dobar trenutak i morat ćete kliknuti na plavo i ikonu nogometne lopte kako biste vidjeli njezine koordinate. Unesite ih u blok i vaša prva radnja je dovršena!

Šutiranje lopte

Nakon što mačka dotakne nogometnu loptu, trebala bi odletjeti u gol. Dakle, odaberite nogometnu loptu tako da joj možete dodati neke radnje. Upamtite da svaka radnja mora započeti s Događaj - zelena zastavica je u redu za ovaj slučaj. Ne želite da se nogometna lopta pomakne dok je mačka ne dotakne. Pogledajte Kontrolirati kategorija za blok koja nam omogućuje ograničenje njegovog ponašanja. The Čekati do blokiraj zvukove točno!

Uočite kako je Čekati do blok ima izduženi šesterokutni oblik unutar sebe. Mnogi od Osećanje blokovi odgovaraju ovom obliku, pa ih pogledajte kako biste pronašli pravi. Pogledajte dirljivo blokirati na vrhu popisa? To možete povući ravno unutar rupe unutra Čekati do . Promijenite padajući okvir u Mačka ili kako ste već nazvali sprajta mačka.

Sada samo trebate natjerati nogometnu loptu da uleti u gol. The Klizite X sekundi do blok u Pokret kategorija koju smo ranije koristili za mačku dobro će funkcionirati. Postavite taj blok ispod čekati do , i postavite pokazivač miša iznad mreže gola. Vidjet ćete x i I koordinate ispod pozornice - uključite ih u Kliziti blok. Lopta bi se pri udarcu trebala kretati prilično brzo, pa pokušajmo 0,5 sekundi za vrijeme.

I Gužva Divlja

Zadnji korak je dodavanje zvuka! Odaberite Zvuči karticu iznad radnog područja za dodavanje novog. Kliknite ikonu zvučnika ispod Novi zvuk da uzmem jedan iz Scratchove biblioteke. Ima jedan koji se zove Bodriti ispod Ljudski kategoriji, što je savršeno. Dvaput kliknite na nju da biste je dodali, a zatim se vratite u radni prostor za nogometnu loptu.

kako obnoviti sustav Windows 10

Naći ćete blok označen Reproduciraj zvuk ispod Zvuk kategorija. Uklonite to ispod kliziti blok, i gotovi ste! Pritisnite zelenu zastavicu za reprodukciju animacije. Mačka će dotrčati do lopte, a kad je dodirne, lopta odleti u gol, a publika navija.

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

To nije bilo preteško! Sada kada smo kopali o tome kako se blokovi povezuju i uklapaju, pogledajmo kako možete izgraditi Mario igru ​​koristeći Scratch.

Izrada osnovne Mario igre

Gornji jednostavni nogometni primjer pokazuje kako možete koristiti blokove za kontrolu sprajtova, ali nema igranja, animacija ili glazbe. Uđimo u to više i stvorimo jednostavnu Mario igru. Mogli bismo potrošiti tisuće riječi na svaki aspekt stvaranja igre, pa ćemo se držati osnova.

Molim Zabilježite: Budući da nisam umjetnik, za potrebe ovog vodiča kopiram Mario sprajtove s weba. Mario grafika je u vlasništvu Nintenda i ne biste trebali objavljivati ​​igre koristeći sprite zaštićene autorskim pravima. Ovo je prikazano samo kao primjer.

Uvezi grafiku

Prvi korak je uvoz vaših sprajtova i pozadina u Scratch. Budući da koristimo slike s weba, ja ću ih preuzeti, a zatim prenijeti u Scratch. Stvaranje logike tako da Mario može skočiti na neprijatelje da ih porazi, ali umre od dodira njihove strane, previše je napredno za ovaj vodič, pa ćemo umjesto toga pokupiti novčiće.

Na kraju vodiča pružit ću ZIP datoteku s konačnim sredstvima koja sam koristio. Ako ih koristite, nećete morati brinuti o uputama za manipulaciju slikom u vodiču. Ako želite sve preuzeti sami, nastavite. Evo sprajtova koje sam preuzeo:

Ogrebotina ima Plavo nebo 3 pozadinu, koja će dobro funkcionirati za naše potrebe.

Uređivanje Sprite kostima

Budući da postoje dva spritita koji čine Mariovu animaciju trčanja, morate ih dodati kao zasebne kostime. Upotrijebite uređivač slika poput Paint.NET da biste spremili dva Mario okvira kao zasebne datoteke - treći možete zanemariti. Prenesite prvi Mario sprite, zatim ga odaberite i upotrijebite Kostimi karticu za postavljanje drugog spriteta kao drugog kostima. Dajte im prepoznatljiva imena, npr Mario-1 i Mario-2 . Dodajte sprite za skakanje kao još jedan kostim za Maria.

Pomoću uređivača slika izvadite oblak iz gore navedene slike, a zatim ga prenesite kao novi sprite. Nije animirano pa ne morate dodavati zaseban kostim.

Za tlo će vam trebati mnogo blokova budući da Mario trči uz njih. Koristite Paint.NET da uhvatite šest blokova u sredini Uzemljeni blokovi sliku, a zatim ih spremite kao zasebnu datoteku. Trebat će vam oko 12 blokova za pokrivanje cijelog dna zaslona nakon što ih smanjite na dobru veličinu. Stoga biste trebali postaviti dvije kopije ovih šest blokova jedan do drugog Uzemljenje sprite. Učitajte ovo, a zatim napravite dva duplikata sprite sprat u programu Scratch.

Novčić je animirani GIF, pa je malo drugačiji. Kad god ga postavite, Scratch će stvoriti kostime za svaki okvir animacije. Ova slika ima ukupno 11 kadrova, ali nažalost ima i bijeli obrub oko sebe, koji izgleda na plavoj pozadini. Morat ćete otvoriti svaki kostim za novčić u uređivaču Scratch. Pomoću alata za pipete odaberite plavu boju pozadine, a zatim pomoću alata za kantu s bojom promijenite bijele rubove novčića u blijedo plavu.

Morat ćete promijeniti veličinu sprajtova koristeći Rasti i Se smanjiti gumbe pri vrhu zaslona, ​​točno iznad gumba sa zelenom zastavicom. Pritisnite bilo koji gumb, a zatim na pozornici lijevo kliknite sprite koji želite promijeniti. Time će se promijeniti i svi kostimi. Iskoristite ih za sada; kasnije možete fino podesiti.

Uvoz zvukova

Baš kao i duhovi, zgrabit ćemo nekoliko zvukova kako bismo upotpunili našu igru. Samo preuzmite ove datoteke, a zatim ih prenesite pomoću Zvuči tab. Dok to radite, pogledajte dodajući ih kao cool melodije zvona za svoj telefon .

Animirajte novčiće

Sada kada su sva sredstva spremna, vrijeme je da ih počnete oživljavati. Počet ćemo s novčićima, jer su oni laki. Odaberite sprite novčića i Skripte tab. Budući da su naši novčići animirani GIF -ovi, možemo koristiti niz blokova za stalno listanje po njihovim kostimima kako bi se činilo da se kreću.

Skripta animacije izgleda otprilike ovako:

Ukratko, ova skripta postavlja novčić na zadano stanje kada pritisnete zelenu zastavicu. Zatim beskonačno kruži okvirima, brzinom koju postavite kao FPS varijabla u Podaci tab. Igrajte se s tim brojem ako vam se ne sviđa brzina.

Poništite okvir pored Kovanice-FPS u Podaci karticu (ovo je prilagođena varijabla koju kreirate) pa se ne prikazuje na zaslonu.

Čini Mario pokretom

A sada teži dio. Mnogi su koraci uključeni u to da se Mario pokrene, a to je zapravo trik koji pomiče temeljne blokove dajući izgled kretnji. Umjesto da pokušavam objasniti svaku blok petlju, pružit ću snimke zaslona blokova koda i objasniti njihove istaknute stavke.

Prvo morate unijeti četiri varijable u Podaci tab. Sva četiri su Za sve sprite osim za Brzina , koji je samo za Mario:

  • Gravitacija je konstanta koja povlači Maria natrag na tlo kad skoči.
  • Na zemlji prati dodiruje li Mario tlo ili ne.
  • ScrollX mjeri vodoravno kretanje zaslona.
  • Brzina (Samo Mario) kontrolira brzinu kojom Mario skače.

Animiranje tla

Već ste napravili dva svoja duplikata Uzemljenje sprite desnim klikom miša i odabirom Duplikat . Opterećenje Prizemlje-1 krajnje lijevo od zaslona, ​​pa krajnji lijevi blok dodiruje krajnju lijevu stranu ekrana. Zatim povucite drugi sprite (e) sprat (a) desno od prvog. Poravnajte rubove i izgledat će kao da je tlo jedan čvrsti komad.

Evo bloka koda koji će vam trebati za svaki Uzemljenje sprite:

Ovo postavlja tlo na dno zaslona, ​​a zatim jednostavno pomiče blokove dok se Mario kreće. ScrollX je položaj blokova; 0 zadana je pozicija koja se pokreće klikom na zelenu zastavicu. Primijetit ćete da se ne možete pomaknuti ulijevo odmah nakon početka.

Za drugi (i dalje) uzemljivače povećajte 0 upisati ScrollX + 480 * 0 po jedan za svaki novi komad zemlje. To će ga nadoknaditi pa se glatko pomiče.

Mariova logika

To je sve što je potrebno za blokove, ali Mario ima mnogo više blokova koda. Evo što svaki od njih radi, s kratkim sažetkom:

Ovaj blok koda mijenja ScrollX varijabla kada se Mario kreće. Kad god pritisnete lijevo ili desno, Mario se okrene u odgovarajućem smjeru i napravi korak, povećavajući se ScrollX do 3. Ako otkrijete da se Mario okreće naglavačke kad se pomaknete ulijevo, kliknite plavu boju i na njegov sprite i provjerite je li Stil rotacije postavljena je na drugu opciju. Ovo će ga okrenuti lijevo -desno umjesto u krug.

kako snimiti zvuk s web stranice

Ovdje vidimo kôd koji upravlja promjenama Mariovog kostima. Kad Mario nije na zemlji, ima kostim za skakanje. Kad god se krećete lijevo ili desno, Mario se prebacuje između okvira svake desete sekunde. Pustite tipke sa strelicama, a Mario prema zadanim postavkama postavlja standardni okvir.

Jednostavan dio koda koji otkriva Na zemlji promjenjiva. Ako dodiruje jedan od temeljnih blokova, Na zemlji jednako 1 (istina). Kad skače, Na zemlji je 0 (netočno).

Ova dva bloka koda upravljaju Mariovom brzinom skoka. S lijeve strane nalazi se blok koji osigurava da Mario nema nikakvog zamaha ako je na zemlji. Ako je u zraku, tada mu gravitacija postupno usporava brzinu, što je konstantna vrijednost. Desni blok tjera Maria da skače kad god pritisnete razmaknicu. Njegov zvuk skoka svira, a brzina ga tjera u zrak dok gravitacija ne preuzme kontrolu.

Naš zadnji blok koda za Mario je sve postavljen. Kad pritisnete zelenu zastavicu za početak, glazba počinje, sve se varijable postavljaju na zadane vrijednosti, a Mario se pojavljuje na sredini zaslona.

Skupljanje novčića

Vratimo se kovanicama. Moramo se pobrinuti da kad Mario zgrabi jednu, ispušta zvuk i nestaje. Napravimo zasebnu skriptu za to - odvajanje skripti prema funkciji važna je praksa u programiranju. Velika zbrka blokova otežava otkrivanje problema kad nešto krene naopako.

Evo naše skripte za prikupljanje novčića:

To je prilično jednostavno: kad god Mario dodirne novčić, zvuk zbirke se reproducira i novčić se sakrije. U animacijski kôd novčića postavili smo Pokazati blokirati pa se novčići ponovno pojavljuju pri ponovnom pokretanju.

Klizanje novčića i oblaka

Skoro ste stigli! Budući da se Mario ne miče već se zemlja pomiče, moramo se pobrinuti da se i novčići pomiču kako bi ih Mario mogao prikupiti. Evo kako to funkcionira:

Ovo stavlja novčić u a I vrijednost (to je okomiti položaj zaslona) gdje ga Mario može lako uhvatiti. Zatim koristi sličnu logiku kao temeljne blokove za pomicanje prema Mariju. Imajte na umu da smo povećali brzinu pomicanja na 0,75 tako da se novčići brzo kreću prema Mariju. Za drugi i treći novčić povećavamo postavite y na polje do -40 i -dvadeset pa su malo gore i Mario ih je teže zgrabiti. U Postavite x na blokirati, povećati 150 * 1 do 150 * 3 i 150 * 5 da ih drugi i treći novčić postave dalje desno, izvan ekrana.

Oblaci koriste gotovo identičan blok koda:

Opet, ovo postavlja oblak na određenu visinu, a zatim ga pomiče dok se Mario kreće. Za drugi oblak ispred Marija, umjesto iza njega, promijenite postavite x na blokirati do (ScrollX * 0,1) + (150 * 1) , baš poput novčića.

Dodaj granice

Zbog načina na koji smo implementirali tlo i kovanice, vidjet ćete da su novčići zaglavljeni na rubu zaslona dok se ne pomaknu u prikaz. Ovo je ružno, pa biste trebali stvoriti brzi isječak obruba iste boje kao i pozadina kako biste to sakrili s lijeve i desne strane.

Najlakši način za to je da desnom tipkom miša kliknete pozornicu i kliknete Spremi sliku pozornice . Otvorite ovo u programu Paint.NET i pomoću alata za pipete odaberite plavu boju pozadine. Dodajte novi sloj pomoću dijaloga u donjem desnom kutu. Zatim pomoću alata za pravokutnik nacrtajte ispunjeni plavi pravokutnik s obje strane zaslona. Prekrijte oko polovice svakog bloka, a zatim izbrišite pozadinski sloj.

Spremite ovo kao PNG datoteku i prenesite je kao novi sprite pod nazivom Granica . Budući da ste granice povukli ravno preko zaslona, ​​možete ih savršeno poravnati.

Zatim vam je potrebno samo nekoliko blokova kako bi granica uvijek bila ispred:

Proširenje igre

Isprobajte konačni proizvod ovdje !

Zajedno smo postavili samo osnove Mario igre. Odavde možete dodati mnogo elemenata u igru. Pokušajte dodati Super Mushrooms da pojačate Mario, napravite neke jame koje Mario mora očistiti ili stvorite zastavu na završnoj razini. Pomoću gradivnih elemenata koje ste ovdje pokupili možete dodati još sprajtova, varijabli i logike kako biste napravili sve što želite. Veselimo se vidjeti što ćete smisliti!

Željeli bismo se zahvaliti korisniku Scratch dryd3418 jer smo koristili neke kodove iz njegove Super Mario: Vodič za pomicanje i skok projekt u našem vlastitom projektu za ovaj članak. Za detaljniju pomoć, uključujući skripte koje možete kopirati, provjerite još jedan korisnički vodič za izradu igre Mario . Ako želite krenuti lakšim putem, provjerite Izradite vlastiti projekt Mario Game koji vam omogućuje povlačenje i ispuštanje sprajtova kako biste napravili jednostavnu igru.

Imajte na umu da na bilo kojem Scratch projektu možete kliknuti Vidi Unutra otvoriti projekt u uređivaču kao što ste koristili za svoj vlastiti projekt. To vam omogućuje uvid u blokove koje je netko koristio za uspjeh svog projekta, a može vam pomoći i kad zaglavite. Svoj sam projekt učinio dostupnim svima, pa slobodno pogledaj ga i pogledajte kod ako vam treba pomoć. Također sam zakopčao svu imovinu koju sam koristio u ovoj igri, pa možete preuzmite ih da uštedite neko vrijeme.

Jeste li zainteresirani učiniti ovaj korak više? Provjerite Scratch For Arduino za izgradnju projekata na toj platformi. Ako ste spremni zaroniti, provjerite sve što vam je potrebno za izradu iPhone igre od nule.

zašto google maps prestaju raditi

Za ostale zabavne stvari koje možete napraviti sa svojom djecom, pogledajte ove stranice za DIY zanate i projekte za djecu i tinejdžere.

Udio Udio Cvrkut E -pošta Kako očistiti računalo sa sustavom Windows pomoću naredbenog retka

Ako na vašem Windows računalu nedostaje prostora za pohranu, očistite smeće pomoću ovih brzih pomoćnih programa naredbenog retka.

Pročitajte Dalje Povezane teme
  • Programiranje
  • Dugi oblik
  • Vodič za dugačke oblike
  • Ogrepsti
O autoru Ben Stegner(1735 objavljenih članaka)

Ben je zamjenik urednika i upravitelj za uključivanje u MakeUseOf. Napustio je svoj IT posao kako bi pisao s punim radnim vremenom 2016. godine i nikada se nije osvrnuo. Više od sedam godina pokriva tehničke vodiče, preporuke videoigara i više kao profesionalni pisac.

Više od Bena Stegnera

Pretplatite se na naše obavijesti

Pridružite se našem biltenu za tehničke savjete, recenzije, besplatne e -knjige i ekskluzivne ponude!

Kliknite ovdje za pretplatu