Návod na tvorbu jednoduché hry za pomoci umělé inteligence

Vytvořit si jednoduchou hru, prakticky bez znalostí jakéhokoliv programovacího jazyka, není v dnešní době ničím nemožným. Díky AI můžete dnes nechat vytvořit jednoduchou hru pro PC či mobil na míru, a to doslova během několika minut. Pojďme si ukázat, jak na to.

Tvorba jednoduché hry do deseti minut

Jak jsem již předeslal, hru budeme vytvářet za pomoci umělé inteligence, a to konkrétně služeb chatovacího bota. V dnešní době vedle ChatGPT, Copilot a Gemini sklízí zasloužený úspěch AI chatbot Claude, jenž je od května 2024 dostupný také v rámci EU. Právě na něj se zaměříme, a to díky jeho nové možnosti paralelně sdílet vedle obrazovky s prompty také obrazovku s náhledem výsledné práce, což se pro naše účely skvěle hodí.

Claude

Claude je velký jazykový model (large language model, LLM), jejž do světa vypustila loni v květnu tehdy startupová společnost Anthropic. Tento jazykový model byl zpočátku, kvůli problémům s licenčními podmínkami a právními tahanicemi kolem AI v Evropské unii nedostupný, nyní je však možné jeho užívání také v rámci EU, takže si jej představíme rovnou na příkladu s tvorbou her.

Spuštění Claude

V době tvorby článku je zdarma dostupný jazykový model Claude ve verzi 3.5 Sonnet, s níž budeme pracovat.

Nejprve je třeba se na stránkách claude.ai bezplatně zaregistrovat. Během standardní registrace budete vyzváni k zadání e-mailové adresy a telefonního čísla, na nějž Vám bude zaslán ověřovací kód.

Po úspěšné registraci můžete s Claudem komunikovat, podobně, jako je tomu u dalších chatbotů. Samozřejmě i v českém jazyce. Pojďme na tu hru.

Hledání min dostupné z webového prohlížeče

Výsledná hra

Jako pilotní hru jsem zvolil hledání min, nic složitého. Budeme jej chtít vytvořit pro webové rozhraní, tedy za pomoci základního jazyka HTML, kaskádových stylů a JavaScriptu. Budeme předpokládat žádné nebo minimální znalosti.

V komunikaci s chatboty bychom měli být velmi specifičtí, názorní, často pomáhá hraní rolí. Tento způsob tvorby promptů je již metodicky popsán, zkusíme na to jít ale opravdu jednoduše.

Začneme obecným promptem a uvidíme, co se bude dít:

Na závěr se program zeptal, zda chci kód vysvětlit, což mě příjemně překvapilo.

Program začal ihned generovat kód, dle předpokladů obsahující krom HTML také CSS a Javascript. Výsledek zkopírovaný v souboru HTML je hratelný a vypadá následovně: ZDE.

S takovou hrou bych se patrně nespokojil. Princip hledání min funguje, ale nejde nastavit počet polí/min, oznámení ve formě dialogového okna je vyvoláno pouze v případě, že narazíme na minu, pokud ne, tak vlastně ani nevíme, zda jsme vyhráli. Miny nelze označovat.

To všechno se tak trochu dalo čekat, ale jde o „funkční“ hru vygenerovanou za půl minuty. Pojďme ji tedy vylepšit:

Nyní kód vypadal slušněji, jen jsem si musel v texťáku upravit kódování kvůli češtině a mohl jsem si klidně zahrát standardní hledání min obohacené o počitadlo výsledků a možnost libovolné úpravy velikosti plochy a počtu min. Výsledek: ZDE.

Vytvořil jsem tedy s pomocí AI hru hledání min používající všechny funkcionality bez problémů. Vytvořit ji trvalo ani ne 5 minut.

Tip: Nezapomínejte, že chatbot často zapomíná ;-), obzvláště ten zdarma, proto je někdy nutné některé prompty dodatečně osvěžit.

Samozřejmě se s takovým stavem hry nemusíme spokojit a můžeme dále vylepšovat.

Požádal jsem o zvukové efekty:

Tady byl první drobnější zádrhel. Claude sice dokázal napsat kód pro zvukové efekty, ale zvukové soubory mi dodat neumí. Možná bych se jej mohl dále optat na odkazy z internetu, místo toho jsem si ale ve veřejné knihovně zvuků dohledal 3 požadované zvuky a nalinkoval je, tzn. prohodil jsem kód:

za

Výsledek: ZDE.

Ještě jsem jej poprosil, aby mi změnil vzhled hry:

Výsledek: ZDE.

Hru lze také snadno přes iframe příkaz importovat do stránek, tak brzy asi přibude sekce pro hry.