Herní laborka 2: Jak si založit vývojářský web pro vlastní počítačovou hru

Herní laborka 2: Jak si založit vývojářský web pro vlastní počítačovou hru
Sdílej
 
Chcete vytvořit vlastní počítačovou hru, ale nevíte, jak začít? V druhém dílu seriálu Herní laborka se naučíme, jak si snadno a zdarma založit vývojářský web. Krok za krokem vás provedeme tvorbou stránky, kde můžete sdílet své nápady a herní prostředí!

Milé holky, milí kluci, chcete vytvořit počítačovou hru? Pokud ano, nalistovali jste správnou stranu. V seriálu Herní laborka se zaměřujeme na postupnou tvorbu herního dobrodružství. Netřeba umět programovat, stačí tužka, papír, ochota experimentovat a nebát se spolupracovat. Připraveni? Jdeme na to. #topude

Začít s vývojem počítačové hry můžete kdykoliv

V předchozím díle jsme se vrhli po hlavě do základů, které potřebuje každé herní dobrodružství – rozkreslili jsme si herní prostředí. Postup to byl vlastně dost jednoduchý, přesto vyžadoval výdrž, kreativitu a trpělivost. Vyrobit herní scény, všechny je propojit, vyfotit a nalepit na stěnu a výsledek poslat do redakce? To už byla pořádná porce času!

Ukázka tvorby vývojářského webu ve službě Google Sites v rámci seriálu Herní laborka. •  Zdeněk Záhora

Moc vám děkujeme, že jste to zvládli. Máme z toho velkou radost, že se vás tolik rozhodlo vytvořit své první velké dobrodružství. A nebojte se, začít můžete kdykoliv, stačí si předchozí díl najít na abicko.cz.

Spojení na webu je pro tvůrce her klíčové

V Herní laborce budeme každý měsíc vyrábět části herního dobrodružství tak, jak se to při výrobě hry dělá. Aby herní dobrodružství vzniklo, musí se spojit dost vývojářek a vývojářů z různých profesí. My si tyhle profese postupně vyzkoušíme, zaznamenáme a zdokumentujeme na vývojářském webu. Dnes si takový veřejný web založíme. Není to těžké a ani nákladné.

Vývojářský web na Google Sites založíte jedním kliknutím

Web vytvoříme ve službě Google Sites. K využití této služby musíte mít založený Google profil a s ním spojený e-mail. Doporučujeme si založit nový e-mail pro vaši tvůrčí skupinu. Případně požádejte rodiče o pomoc a založíme web „na ně“. Jakmile se do služby přihlásíte na stránce sites.google.com, klikněte na velké tlačítko „Vytvořit nový web“. A je to. Nový web existuje! Není zveřejněný, ale už existuje.

Stručný popis vašeho herního prostředí

V Google Sites snadno přidáte texty i fotky skic. •  Zdeněk Záhora

Vkládat lze na stránku obrázky i texty. Vpravo nahoře najdete menu, kde jsou tlačítka „Textové pole“ a „Obrázky“. Zkuste vložit textové pole, objeví se vám obdélník ohraničený modrými puntíky. Do obdélníku můžete psát a těmi puntíky můžete textové pole rozšířit a uzpůsobit celkovou velikost.

Napište na web krátký popis, že je to váš vývojářský web k seriálu Herní laborka z ábíčka a třeba také pár slov o vašem herním prostředí. Odehrává se vaše dobrodružství v minulosti, na hřbetu obrovského kosmického draka, v podzemním městě lidí, kteří nikdy neviděli oblohu? Podělte se s námi o vaše myšlenky, nás v redakci to nesmírně zajímá a každý střípek příběhu nám přidává na těšení!

Nahrajte na vývojářský web obrázky ze hry!

Velikost obrázků a textových polí lze změnit pomocí modrých puntíků •  Zdeněk Záhora

Šlo to? Skvěle! Dál přidáme obrázek. Použijte k tomu v pravém menu stejně pojmenované tlačítko. Pamatujete si tvorbu prostředí z minulého dílu? Schovali jste si papíry, nesmazali jste fotky? Nahrajte je na web. Stačí vybrat tlačítko „Obrázek->Nahrát“ a soubor v počítači vybrat. Fotka se nahraje a rovnou zobrazí na stránce.

Když na ni kliknete, můžete jí změnit velikost, přidat popisek (to je za třemi tečkami v menu pod obrázkem) a přesunout. Pokud se vám to podařilo, naučili jste se všechny aktivity, které pro tvorbu vývojářského deníku potřebujeme. Vážně! Víc toho nepotřebujeme. Díky tomu s vámi můžeme projít celou cestou od nápadu až po hotové dobrodružství. Počkat… musíme ten web ještě zveřejnit!

Koukněte na příklad vývojářského deníku

Nezapomeňte web zveřejnit. Veřejnou adresu najdete za tlačítkem Publikovat. •  Zdeněk Záhora

Nahoře vpravo je tlačítko Publikovat. Klikněte na něj a web pojmenujte. Moc si hlavu nelámejte s tím, jak se bude web jmenovat, důležitější je obsah. Jeden ukázkový web jsme vyrobili, funguje na počítači i na telefonu: sites.google.com/view/hernilaborka. Pst…, kdybyste někdy zapomněli, jak se web jmenuje, vedle tlačítka Publikovat je šipka, a za ní je „zobrazit publikovaný web“, klikněte na to a jste na správné adrese.

Pošlete nám svůj web a ukažte svou počítačovou hru!

Tak co, podařilo se vám to? Fakt?! Pošlete nám prosím odkaz na váš web rovnou do redakce na e-mail abc@cncenter.cz. Těšíme se jako nikdy! Sledovat totiž, jak se od prvních pokusů vaše dílo tvaruje, rozšiřuje a zdokonaluje, to je k nezaplacení. Díky za to. Jo a klidně kreslete a překreslujte vaše herní prostředí, přidávejte, odebírejte a plánujte, kde je co. Už tušíte, kdo bude hlavní hrdin(k)a? Příště to budeme potřebovat!

Discord ábíčka:

Chcete se zeptat?

Chcete se lektora Zdendy Záhory zeptat na něco, co souvisí s Herní laborkou? Anebo si jen tak pokecat s ostatními tvůrci? Proto jsme založili Discord ábíčka. Najdete ho po zadání adresy https://discord.gg/PDUdCQMER5. Stačí do kanálu Herní laborky napsat název vašeho týmu a my vám vytvoříme soukromou konverzaci, ve které můžeme nad vašimi problémy vývojářskými detailně diskutovat.

Herní laborka: Jak vytvořit herní prostředí a navrhnout vlastní hru na papíře

Herní laborka: Jak vytvořit herní prostředí a navrhnout vlastní hru na papíře

Herní laborka: Naučte se, jak vytvořit vlastní hru krok za krokem

Herní laborka: Naučte se, jak vytvořit vlastní hru krok za krokem

Programování s micro:bitem a Teodorem: Začněte jednoduše (1. díl)

Programování s micro:bitem a Teodorem: Začněte jednoduše (1. díl)

Autor

Zdeněk Záhora

 

Články odjinud