Vytváranie AI mini hier pomocou AI generátora hier vo FlowHunt

Tok, ktorý vytvoríme

Tu je štruktúra, ktorú budeme implementovať, navrhnutá pre prehľadnosť a využívajúca špecifické komponenty FlowHunt:

Krok 1: Vytvorte nový tok a pridajte komponenty

Začnime nastavením plátna a pridaním všetkých potrebných stavebných blokov zobrazených v diagrame.

• Vo vašom FlowHunt dashboarde prejdite na Moje toky a kliknite na Vytvoriť tok. Pomenujte ho napríklad „AI JS Game Generator v2“.

• Presuňte na plátno tieto komponenty z knižnice komponentov:
  • Chat Input
  • Chat History (použitie InMemoryChatMessageHistory)
  • LLM Anthropic AI (alebo iný preferovaný LLM uzol ako LLM OpenAI, LLM Gemini)
  • Prompt
  • URL Retriever
  • Google Search
  • Tool Calling Agent
  • Chat Output

Krok 2: Nastavte základné komponenty

Teraz nastavme kľúčové uzly, ktoré spracovávajú logiku.

1. Prompt uzol

   • Kliknite na Prompt uzol.

   • Tento uzol formátuje inštrukcie pre AI. Do poľa Template vložte podrobné inštrukcie, prípadne použite šablónové premenné (napríklad {{$input}} pre odkaz na správu z Chat Input).

   • Vložte nasledujúcu šablónu promptu:

     Používateľ vám zadá názov hry a vy musíte vytvoriť videohru v jednom javascript súbore ako v PRÍKLADE nižšie. ALE MAJTE NA PAMÄTI, ŽE HTML SÚBOR UŽ MÁME A HRY BY MALI BYŤ POSTAVENÉ NA ZÁKLADE TOHTO SÚBORU, KTORÝ JE UVEDENÝ NIŽŠIE.
     —GENEROVANÁ HRA—
     {input}
     —PRÍKLAD JAVASCRIPT SÚBORU—
     *java file*—
     —UŽ VYTVORENÝ HTML SÚBOR—
     *HTML file*—
     

2. Pridanie nástrojov do Tool Calling Agent (URL Retriever, Google Search):

   • Aj keď sú tieto nástroje v diagrame zahrnuté a pripojené k Tool Calling Agent, pre základnú úlohu generovania hry zo zadania ich nemusíte striktne potrebovať.
   • Ich pripojením budú k dispozícii agentovi. Ak AI (na základe svojho LLM a promptu) uzná za vhodné vyhľadávať na webe alebo získať obsah z URL na splnenie požiadavky, môže tieto nástroje využiť. Pri jednoduchých požiadavkách ako „urob pong hru“ ich pravdepodobne nepotrebuje. Tu nie je nutná špeciálna konfigurácia, pokiaľ nemáte API kľúče pre Google Search.

Krok 3: Prepojte komponenty

Prepojte uzly presne podľa schémy v diagrame. Tým zaistíte správny tok dát.

1. Chat History (InMemoryChatMessageHistory výstup) → Tool Calling Agent (Chat History vstup)
2. LLM Anthropic AI (LLM výstup) → Tool Calling Agent (LLM vstup)
3. Chat Input (Message výstup) → Prompt (Input vstup)
4. Prompt (Message výstup) → Tool Calling Agent (Inputs * vstup – poznámka: hviezdička často označuje hlavný používateľský/prompt vstup)
5. URL Retriever (Documents As Tool výstup) → Tool Calling Agent (Tools * vstup – tento vstup akceptuje viacero pripojení nástrojov)
6. Google Search (Google Search as Tool výstup) → Tool Calling Agent (Tools * vstup)
7. Tool Calling Agent (Message výstup) → Chat Output (Text * vstup)

Krok 4: Generujte svoju JavaScript mini hru

Poďme oživiť vaše herné nápady!

1. Uložte svoj tok a kliknite na tlačidlo AI (▶️).

2. Do chat panela zadajte požiadavku na hru (napr. Urob Tetris).

   [Obrázok: Screenshot rozhrania chatu s používateľom zadávajúcim prompt hry]

3. Stlačte Enter. Uzol Prompt naformátuje vašu požiadavku a Tool Calling Agent pomocou LLM Anthropic AI vygeneruje kód hry.

Krok 5: Zahrajte si svoju AI generovanú hru

1. Skopírujte celý blok kódu z Chat Output.
2. Vložte ho do jednoduchého textového editora (Notepad, TextEdit, VS Code).
3. Súbor uložte s príponou .html (napr. ai_tetris.html).
4. Dvojklikom otvorte uložený súbor v prehliadači a hrajte!

Záver: Tvorba špecifických AI tokov vo FlowHunt

Podľa tohto konkrétneho diagramu ste vytvorili výkonný AI JavaScript generátor hier vo FlowHunt. Tento príklad ukazuje, ako kombinovať dedikované uzly LLM a Prompt s univerzálnym Tool Calling Agentom, pričom môžete v prípade potreby zapojiť aj externé nástroje ako webové vyhľadávanie. Vizuálne rozhranie FlowHunt robí tvorbu a pochopenie aj o niečo zložitejších AI workflowov jednoduchým a efektívnym. Príjemné generovanie hier!

Začnite s vaším prvým tokom

Tím AI inžinierov Flowhunt je pripravený pomôcť vám s AI automatizáciou.

• Vyskúšať Flowhunt
• Porozprávajte sa s expertom