Vytvořte si vlastní hru Mario! Základy stírání pro děti a dospělé

Vytvořte si vlastní hru Mario! Základy stírání pro děti a dospělé
Tato příručka je k dispozici ke stažení jako bezplatný soubor PDF. Stáhnout tento soubor nyní . Neváhejte to zkopírovat a sdílet se svými přáteli a rodinou.

Věděli jste, že kdokoli může vytvořit videohru bez programování? Ačkoli existuje několik jazyků pro začátečníky, nemusíte půl roku učit se Javu nebo C ++, abyste vytvořili hru. Můžete si vybrat z mnoha nástrojů pro různé typy her, ale jedna skvělá volba pro děti (a dospělé) je MIT zdarma Poškrábat .





Scratch je nástroj, který vám umožní přetahovat položky a vytvářet hry nebo animace. Je to snadno pochopitelné, ale učí se tím stavební bloky programování. Podívejme se, co můžete ve Scratch vytvořit, a poté si projděte kroky k vytvoření jednoduché hry Mario.



Seznamte se s Scratch

Chcete -li začít se Scratchem, přejděte na domovskou stránku . Měli byste si hned vytvořit účet, abyste mohli své výtvory ukládat. Klikněte na Připojte se k Scratch tlačítko v pravém horním rohu okna. Vytvořte uživatelské jméno a heslo, zadejte své datum narození a pohlaví, poté systém požádá o e -mailovou adresu rodiče. Zadejte svůj vlastní, pokud ho máte, a poté potvrďte svoji adresu, abyste mohli komentovat další projekty a sdílet svůj.





Nyní můžete skočit přímo dovnitř. Klikněte Vytvořit na horním panelu nástrojů spusťte editor Scratch. Pokud chcete, můžete také stáhnout offline editor pracovat bez připojení k internetu.

Prvky na obrazovce

Po spuštění editoru se zobrazí následující okno. Pojďme rozebrat jeho prvky (viz obrázek v plné velikosti, pokud ten malý níže není jasný):



  1. Etapa - Ukazuje rychlé shrnutí vaší hry. Zde se zobrazí všechny aktivní sprity a vámi zvolené pozadí. Pokud chcete, můžete skřítky přesouvat. Pojmenujte svůj projekt v poli nad tímto.
  2. Pozadí - Zde si můžete vybrat pozadí své hry. Vyberte si z knihovny Scratch, namalujte si vlastní nebo importujte soubor. Můžete také pořídit obrázek z fotoaparátu vašeho počítače, ačkoli většina lidí tuto možnost pravděpodobně nebude potřebovat.
  3. Skřítci - Centrum pro všechny skřítky ve vašem projektu. Stejně jako kulisy můžete přidávat výchozí, vytvářet vlastní nebo nahrávat obrázky. Klikněte na malou modrou já ikonu na skřítku můžete přejmenovat, změnit jeho úhel nebo skrýt.
  4. Pracovní oblast - Kde se odehrává převážná část vaší práce ve Scratch. Použijte karty výše (označené Skripty , Kostýmy , a Zvuky změnit to, na čem pracujete.
    1. Skripty je pro přidání bloků kódu, kterým se brzy budeme věnovat.
    2. Kostýmy umožňuje vytvářet další pózy pro vaše skřítky. Tato karta se změní na Kulisy pokud máte v oblasti vybranou 2 , a zpět na Kostýmy když vyberete Sprite v oblasti 6 . Základní editor obrázků vám umožňuje provádět změny grafiky ve vaší hře. Zde můžete také přejmenovat aktiva.
    3. Zvuky „Není překvapením, že je centrem pro přidávání a úpravu zvuků.
  5. Bloky - V závislosti na tom, kterou ze tří karet jste vybrali, se v této oblasti bude přepínat mezi bloky kódu, kostýmy/kulisami sprite a zvukovými klipy.
  6. Ovládací tlačítka - Zelená vlajka začíná vaši hru, zatímco tvar červené značky stop ji končí. Ty použijete pro testování.

Pomocí bloků

Nyní, když jste se seznámili s editorem Scratch, promluvme si o jednom z nejdůležitějších bitů nástroje - blocích kódu. Místo psaní skutečného kódu vám tyto bloky umožňují definovat chování vašich prvků. Chytnou se za sebe jako LEGO, takže je snadné vidět, jak na sebe navzájem působí.

Klikněte na sprite ze seznamu vlevo a vyberte Skripty kartu pro zahájení přetahování bloků pro tento prvek. Všimněte si, že bloky jsou barevně odlišeny a mají okraje jako skládačka, které ukazují, jak do sebe zapadají. Deset kategorií a to, co dělají, jsou:



  • Pohyb - Proveďte pohyb daného sprite, ať už po krocích, směrem k jinému objektu, nebo pomocí přímých souřadnic.
  • Vzhled - Nechá sprite skrýt nebo se ukázat, přepínat kostýmy, měnit velikost nebo se pohybovat mezi vrstvami.
  • Zvuk - Přehrávejte zvuky, měňte hlasitost nebo upravujte tempo.
  • Pero - Nakreslete fixou a změňte její barvu a tvar.
  • Data - Umožňuje vytvářet vlastní proměnné. To je velmi užitečné pro prvky, které Scratch nemá vestavěné.
  • Události - Kritéria pro zahájení dalších akcí, například když kliknete na zelenou vlajku nebo stisknete mezerník. Tyto bloky potřebujete, aby všechny vaše ostatní bloky skutečně něco dělaly!
  • Řízení -Smyčky k opakování akce, provedení příkazu if-else nebo zastavení něčeho.
  • Snímání - Umístěte tyto bloky do ostatních a proveďte akce, když se sprite dotýká jiného prvku nebo uživatel drží klávesu.
  • Operátoři - Matematické prvky, které vám umožňují provádět aritmetické nebo základní booleovské operace s proměnnými.
  • Více bloků - Vytvořte si vlastní bloky, pokud tyto nestačí!

Jednoduchý příklad

Ukažme si na jednoduchém příkladu, jak krok za krokem ilustrujeme, jak do sebe tyto bloky zapadají. Postaráme se, aby kočka Scratch kopla fotbalový míč do branky a pustila zvuk, když vstoupí.

Nejprve potřebujete skvělé fotbalové pozadí. Vydejte se do Pozadí v levé dolní části a kliknutím na ikonu obrázku vyberte jednu ze Scratchových kulis. Je tam jeden volaný Cíl 1 to bude fungovat perfektně. Dále klikněte na ikonu sprite a přidejte nový předem připravený sprite. Měli byste vidět Míč-fotbal v seznamu-dvojitým kliknutím jej přidáte do svých skřítků.



Nyní, když je grafika připravena, musíte začít s některými bloky. Vyberte kočku, protože je to on, kdo dělá akci. Pamatujte, že Události karta obsahuje mnoho počátečních bloků? Podívejte se a uvidíte ten, který se spustí po kliknutí na zelenou vlajku. To je perfektní výchozí bod - přetáhněte jej do Skripty pracovní oblast.

Jakmile začnete, chcete, aby kočka přeběhla a kopla do míče, že? To zní jako něco, co by spadalo pod Pohyb tab. Máte několik možností, jak přimět kočku k pohybu, například Přesuňte X kroků blok. Ale nemůžeme zaručit, kolik kroků bude kočka muset dosáhnout míče. Na to existuje lepší blok - zkuste Přesuňte X s na blok. Jedna sekunda je dobrý čas a budete muset kliknout na modrou já ikona fotbalového míče pro zobrazení jeho souřadnic. Zadejte je do bloku a vaše první akce je dokončena!

Kopání do míče

Jakmile se kočka dotkne fotbalového míče, měla by vletět do cíle. Vyberte tedy fotbalový míč, abyste k němu mohli přidat nějaké akce. Pamatujte, že každá akce musí začínat znakem událost - zelená vlajka je v tomto případě v pořádku. Nyní nechcete, aby se fotbalový míč pohyboval, dokud se ho kočka nedotkne. Podívejte se na Řízení kategorie pro blok, který nám umožňuje omezit jeho chování. The Počkej do blok zní správně!

Všimněte si, jak Počkej do blok má uvnitř podlouhlý tvar šestiúhelníku. Mnoho z Snímání bloky vyhovují tomuto tvaru, takže se podívejte na ty, abyste našli ten správný. Viz dojemný zablokovat v horní části seznamu? Můžete to přetáhnout přímo do otvoru uvnitř Počkej do . Změňte rozevírací pole na Kočka nebo jak jste pojmenovali kočičího skřítka.

Nyní stačí, aby fotbalový míč vletěl do branky. The Přesuňte X s na blok v Pohyb kategorie, kterou jsme dříve použili pro kočku, bude fungovat dobře. Zacvakněte ten blok pod Počkej do a umístěte ukazatel myši nad brankovou síť. Uvidíte X a A souřadnice pod pódiem - zapojte je do Klouzat blok. Míč by se měl při kopání pohybovat docela rychle, tak to zkusme 0,5 sekundy za načasování.

A dav šílí

Posledním krokem je přidání zvuku! Vybrat Zvuky kartu nad pracovní oblast a přidejte novou. Klikněte na ikonu reproduktoru pod Nový zvuk chytit jeden z Scratchovy knihovny. Je tam jeden volaný Jásot pod Člověk kategorie, což je perfektní. Poklepáním na něj přidejte a poté se vraťte zpět do pracovního prostoru pro fotbalový míč.

jak naformátovat USB disk

Najdete blok označený Přehrát zvuk pod Zvuk kategorie. Zaklapněte to pod klouzat blok, a máte hotovo! Animaci spustíte kliknutím na zelenou vlajku. Kočka doběhne k míči, a když se ho dotkne, míč letí do branky a dav jásá.

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

To nebylo příliš těžké! Nyní, když jsme se zabývali tím, jak bloky souvisejí a zapadají do sebe, podívejme se na to, jak můžete pomocí hry Scratch postavit hru Mario.

Vytvoření základní hry Mario

Výše uvedený jednoduchý fotbalový příklad ukazuje, jak můžete pomocí bloků ovládat skřítky, ale nemá žádnou hratelnost, animace ani hudbu. Pojďme se do toho pustit více a vytvořme jednoduchou hru Mario. Mohli bychom utratit tisíce slov za každý aspekt tvorby hry, takže se budeme držet základů.

Vezměte prosím na vědomí: Protože nejsem umělec, pro účely tohoto tutoriálu kopíruji Mario sprity z webu. Grafiku Mario vlastní společnost Nintendo a žádnou hru byste neměli zveřejňovat pomocí skřítků chráněných autorskými právy. Toto je uvedeno pouze jako příklad.

Importovat grafiku

Prvním krokem je importování vašich skřítků a pozadí do Scratch. Jelikož používáme obrázky z webu, stáhnu je a poté nahraji do Scratch. Vytváření logiky tak, aby Mario mohl skákat na nepřátele, aby je porazil, ale umírá na dotek jejich boků, je pro tento tutoriál příliš pokročilé, takže ho místo toho necháme sbírat mince.

Na konci tutoriálu poskytnu soubor ZIP s konečnými prostředky, které jsem použil. Pokud je použijete, nebudete si muset dělat starosti s pokyny pro manipulaci s obrázky v tutoriálu. Pokud si chcete vše stáhnout sami, pokračujte. Zde jsou skřítci, které jsem stáhl:

Scratch má a Modrá obloha 3 pozadí, které bude fungovat dobře pro naše potřeby.

Upravte kostýmy Sprite

Protože existují dva skřítci, kteří tvoří Mariov běh animace, musíte je přidat jako samostatné kostýmy. Pomocí editoru obrázků, jako je Paint.NET, uložte dva rámečky Mario jako samostatné soubory - třetí můžete ignorovat. Nahrajte první Mario sprite, poté jej vyberte a použijte Kostýmy kartu a nahrajte druhý sprite jako svůj druhý kostým. Dejte jim rozlišitelná jména, jako Mario-1 a Mario-2 . Přidejte skákajícího skřítka jako další kostým pro Maria.

Pomocí editoru obrázků extrahujte cloud z výše uvedeného obrázku a poté jej nahrajte jako nový sprite. Není to animované, takže nemusíte přidávat samostatný kostým.

Na zemi budete potřebovat spoustu bloků, protože po nich běží Mario. Pomocí Paint.NET uchopte šest bloků uprostřed Pozemní bloky obrázek, poté je uložte jako samostatný soubor. Jakmile je zmenšíte na dobrou velikost, budete potřebovat asi 12 bloků na pokrytí celé spodní části obrazovky. Měli byste tedy pro sebe umístit dvě kopie těchto šesti bloků vedle sebe Přízemní skřítek. Nahrajte to a poté vytvořte dva pozemní sprite duplikáty ve Scratch.

Mince je animovaný GIF, takže je trochu jiný. Kdykoli jej nahrajete, Scratch vytvoří kostýmy pro každý snímek animace. Tento obrázek má celkem 11 snímků, ale bohužel má také bílý okraj, který vypadá na modrém pozadí. Každý kostým pro minci budete muset otevřít v editoru Scratch. Pomocí nástroje pipety vyberte modrou barvu pozadí a poté pomocí nástroje kbelík s barvou změňte bílé okraje mince na světle modrou.

Budete muset změnit velikost skřítků pomocí Růst a Zmenšit tlačítka v horní části obrazovky, přímo nad zeleným tlačítkem vlajky. Klikněte na kterékoli tlačítko a poté vlevo na sprite, kterého chcete změnit, na jevišti. Tím se také změní velikost všech kostýmů. Ballpark je prozatím; později můžete doladit.

Import zvuků

Stejně jako skřítci popadneme pár zvuků, abychom rozšířili naši hru. Pokračujte a stáhněte si je a poté je nahrajte pomocí Zvuky tab. Když už jste u toho, podívejte se přidejte je jako skvělé vyzváněcí tóny pro váš telefon .

Animujte mince

Nyní, když jsou všechna aktiva připravena, je čas začít je oživovat. Začneme s mincemi, protože ty jsou snadné. Vyberte minci a Skripty tab. Protože naše mince jsou animované GIFy, můžeme použít řadu bloků k neustálému posouvání jejich kostýmů, takže se zdá, že se pohybují.

Animační skript vypadá nějak takto:

Stručně řečeno, tento skript nastaví minci do výchozího stavu po kliknutí na zelenou vlajku. Poté nekonečně cykluje mezi snímky rychlostí, kterou nastavíte jako FPS proměnná v Data tab. Hrajte si s tím číslem, pokud se vám nelíbí rychlost.

Zrušte zaškrtnutí políčka vedle Coin-FPS v Data karta (toto je vlastní proměnná, kterou vytvoříte), takže se nezobrazuje na obrazovce.

Pohyb Mario

Nyní k té těžší části. Mnoho kroků je zapojeno do toho, aby se Mario hýbal, a je to vlastně trik, který posouvá zemní bloky, aby vypadal pohyb. Než se pokusím vysvětlit každou blokovou smyčku, poskytnu screenshoty kódových bloků a vysvětlím jejich hlavní body.

Nejprve musíte v souboru vytvořit čtyři proměnné Data tab. Všechny tyto čtyři jsou Pro všechny skřítky až na Rychlost , který je pouze pro Mario:

  • Gravitace je konstanta, která při skoku stáhne Maria zpět na zem.
  • Na zemi sleduje, zda se Mario dotýká země nebo ne.
  • ScrollX měří horizontální pohyb obrazovky.
  • Rychlost (Pouze Mario) ovládá rychlost, jakou Mario skáče.

Animace Země

Už jste vytvořili dva duplikáty svých Přízemní sprite kliknutím pravým tlačítkem a výběrem Duplikát . Táhnout Ground-1 zcela vlevo od obrazovky, takže jeho blok úplně vlevo se dotýká zcela vlevo obrazovky. Poté přetáhněte druhý pozemní sprite napravo od prvního. Zarovnejte okraje nahoru a bude to vypadat, že půda je jeden pevný kus.

Zde je blok kódu, který budete potřebovat pro každý Přízemní skřítek:

Tím se zem umístí ve spodní části obrazovky a poté se bloky jednoduše posouvají, jak se Mario pohybuje. ScrollX je poloha bloků; 0 je výchozí pozice, která se spustí po kliknutí na zelenou vlajku. Hned po startu si všimnete, že se nemůžete pohnout doleva.

U druhého (a dalších) zemních bloků zvyšte 0 číslice v ScrollX + 480 * 0 po jednom za každý nový kus země. Tím se vykompenzuje, takže se bude hladce posouvat.

Marioova logika

K blokům to stačí, ale Mario má mnohem více bloků kódu. Zde je to, co každý z nich dělá, se stručným shrnutím:

Tento blok kódu mění ScrollX proměnná, když se Mario pohybuje. Kdykoli stisknete doleva nebo doprava, Mario se postaví příslušným směrem a udělá krok, zvyšující se ScrollX od 3. Pokud zjistíte, že se Mario při pohybu doleva převrátí vzhůru nohama, klikněte na modrou já na jeho sprite a ujistěte se, že Styl otáčení je nastavena na druhou možnost. Tím ho místo v kruhu převrátíte doleva a doprava.

Nefunguje vyhledávání průzkumníka Windows 7

Zde vidíme kód, který zpracovává Mariovi změny kostýmů. Když Mario není na zemi, má skákací kostým. Kdykoli se pohybujete doleva nebo doprava, Mario přepíná mezi snímky každou desetinu sekundy. Pusťte klávesy se šipkami a Mario se vrátí k původnímu rámečku.

Jednoduchý kousek kódu, který zjistí Na zemi proměnná. Pokud se dotýká jednoho ze zemních bloků, Na zemi se rovná 1 (pravda). Když skáče, Na zemi je 0 (nepravda).

Tyto dva bloky kódu zvládají Marioovu rychlost skoku. Vlevo je blok, který zajišťuje, že Mario nemá žádnou hybnost, pokud je na zemi. Pokud je ve vzduchu, jeho rychlost se postupně zpomaluje gravitací, což je konstantní hodnota. Pravý blok přiměje Maria skočit, kdykoli stisknete mezerník. Hraje jeho skokový zvuk a rychlost ho žene do vzduchu, dokud gravitace nepřevládne.

Náš poslední blok kódu pro Maria je nastavení. Když spustíte kliknutím na zelenou vlajku, spustí se hudba, všechny proměnné se nastaví na výchozí hodnoty a Mario se objeví uprostřed obrazovky.

Sbírání mincí

Vraťme se k mincím. Musíme se ujistit, že když Mario jednoho chytne, vydá zvuk a zmizí. Udělejme si na to samostatný skript - oddělení skriptů podle funkcí je důležitou praxí při programování. Velká hromada bloků ztěžuje nalezení problému, když se něco pokazí.

Zde je náš skript pro sbírání mincí:

To je docela snadné: kdykoli se Mario dotkne mince, přehraje se zvuk kolekce a mince se skryje. V kódu animace coinů jsme umístili a Ukázat blok, aby se mince znovu objevily při restartu.

Posuňte mince a mraky

Už jsi skoro tam! Protože se Mario nepohybuje, ale země se posouvá, musíme se ujistit, že se mince také posouvají, aby je mohl Mario sbírat. Funguje to takto:

Tím je mince umístěna na a A hodnotu (to je svislá poloha obrazovky), kde ji Mario snadno uchopí. Poté používá podobnou logiku jako pozemní bloky k rolování směrem k Mariovi. Všimněte si toho, že jsme zvýšili rychlost posouvání na 0,75 aby se mince rychle přesunuly k Mariovi. U druhé a třetí mince zvyšujeme nastavit y na pole do -40 a -dvacet takže jsou o něco výše a pro Maria je hůře uchopit. V Nastavte x na blok, zvyšte 150 * 1 na 150 * 3 a 150 * 5 pro druhé a třetí coiny je umístěte dále doprava, mimo obrazovku.

Mraky používají téměř identický blok kódu:

Opět platí, že toto umístí mrak do určité výšky a poté jej posouvá, jak se Mario pohybuje. U druhého oblaku, který je před Mariem místo za ním, změňte nastavit x na zablokovat do (ScrollX * 0,1) + (150 * 1) , stejně jako mince.

Přidat ohraničení

Kvůli způsobu, jakým jsme implementovali pozemek a mince, uvidíte mince přilepené na okraji obrazovky, dokud se neposunou do zobrazení. To je nepěkné, takže byste měli vytvořit rychlý hraniční sprite, který má stejnou barvu jako pozadí, abyste to skryli na levé i pravé straně.

Nejjednodušší způsob, jak to udělat, je kliknout pravým tlačítkem na scénu a kliknout Uložit obrázek jeviště . Otevřete to v Paint.NET a pomocí nástroje pipety vyberte modrou barvu pozadí. Přidejte novou vrstvu pomocí dialogu vpravo dole. Potom pomocí nástroje obdélník nakreslete vyplněný modrý obdélník na obou stranách obrazovky. Pokryjte přibližně polovinu každého bloku a poté odstraňte vrstvu pozadí.

Uložte to jako soubor PNG a nahrajte jej jako nový sprite s názvem okraj . Vzhledem k tomu, že jste nakreslili okraje přímo nad obrazovku, můžete to dokonale zarovnat.

Pak potřebujete jen pár bloků, aby byla hranice vždy vpředu:

Rozšíření vaší hry

Vyzkoušejte si konečný produkt zde !

Společně jsme nastavili jen základy hry Mario. Odtud můžete do své hry přidat spoustu prvků. Zkuste přidat Super houby, abyste mohli Mario napájet, udělat nějaké jámy, které Mario musí vyčistit, nebo vytvořit vlajku na úrovni konce. Díky stavebním kamenům, které jste si zde vyzvedli, můžete přidat další skřítky, proměnné a logiku a vytvořit si cokoli, co chcete. Těšíme se, co vymyslíte!

Chtěli bychom dát výkřik uživateli Scratch dryd3418, protože jsme použili část kódu z jeho Super Mario: Scroll & Jump Tutorial projekt v našem vlastním projektu pro tento článek. Podrobnější nápovědu, včetně skriptů, které můžete kopírovat, najdete v pokladně další uživatelská příručka k výrobě hry Mario . Pokud se chcete vydat jednodušší cestou, podívejte se na Vytvořte si vlastní projekt hry Mario to vám umožní přetáhnout skřítky a vytvořit jednoduchou hru.

Všimněte si, že na jakýkoli Scratch projekt můžete kliknout Viz Uvnitř otevřete projekt v editoru, jako jste použili pro svůj vlastní projekt. To vám umožní nahlédnout do bloků, které někdo použil k tomu, aby jejich projekt fungoval, a může vám pomoci, když se zaseknete. Svůj projekt jsem zpřístupnil všem, takže neváhejte zobrazit to a podívejte se na kód, pokud potřebujete pomoc. Také jsem zazipoval všechny prostředky, které jsem v této hře použil, takže můžete stáhněte si je ušetřit nějaký čas.

Máte zájem o krok dále? Podívejte se na Scratch For Arduino, kde můžete stavět projekty na této platformě. Pokud jste připraveni se ponořit, podívejte se na vše, co potřebujete k vytvoření hry pro iPhone od nuly.

nahrajte video ve vysoké kvalitě na facebook

Další zábavné věci, které můžete dělat se svými dětmi, najdete na těchto stránkách pro kutily a projekty pro děti a mládež.

Podíl Podíl tweet E-mailem Jak vyčistit počítač se systémem Windows pomocí příkazového řádku

Pokud má váš počítač se systémem Windows nedostatek úložného prostoru, vyčistěte nevyžádanou poštu pomocí těchto rychlých nástrojů příkazového řádku.

Číst dále Související témata
  • Programování
  • Dlouhá forma
  • Longform Guide
  • Poškrábat
O autorovi Ben Stegner(1735 článků zveřejněno)

Ben je zástupcem redaktora a správcem onboardingu v MakeUseOf. V roce 2016 opustil práci v oblasti IT, aby mohl psát na plný úvazek, a nikdy se neohlédl. Více než sedm let pokrývá technické návody, doporučení pro videohry a další jako profesionální spisovatel.

Více od Bena Stegnera

Přihlaste se k odběru našeho zpravodaje

Připojte se k našemu zpravodaji a získejte technické tipy, recenze, bezplatné elektronické knihy a exkluzivní nabídky!

Kliknutím sem se přihlásíte k odběru