AI-minipelien luominen FlowHuntilla AI-peligenraattorin avulla

Flow, jonka rakennamme

Tässä on rakenne, jonka toteutamme – selkeyden vuoksi suunniteltu ja hyödyntäen tiettyjä FlowHunt-komponentteja:

Vaihe 1: Luo uusi flow ja lisää komponentit

Aloitetaan asettamalla kanvas ja lisäämällä kaikki tarvittavat rakennuspalikat, jotka näkyvät kaaviossa.

• Siirry FlowHuntin hallintapaneelissa kohtaan Omat flow’t ja klikkaa Luo flow. Nimeä se esimerkiksi “AI JS Game Generator v2”.

• Vedä seuraavat komponentit kanvaasillesi komponenttikirjastosta:
  • Chat Input
  • Chat History (käyttäen InMemoryChatMessageHistorya)
  • LLM Anthropic AI (tai mieltymyksesi mukaan LLM OpenAI, LLM Gemini)
  • Prompt
  • URL Retriever
  • Google Search
  • Tool Calling Agent
  • Chat Output

Vaihe 2: Ydinkomponenttien konfigurointi

Nyt asetetaan avainsolmut, jotka hoitavat logiikan.

1. Prompt-solmu

   • Klikkaa Prompt-solmua.

   • Tämä solmu muotoilee ohjeet tekoälylle. Template-kenttään kirjoita tarkat ohjeet käyttäen tarvittaessa mallimuuttujia (kuten {{$input}} viitataksesi Chat Inputin viestiin).

   • Liitä seuraava prompt-template:

     User will give you a game name and you must create the video game in a single javascript file like the EXAMPLE shown below. BUT KEEP IN MIND THAT WE ALREADY HAVE AN HTML FILE AND THE GAMES SHOULD BE BUILT BASED ON THAT THE FILE IS MENTIONED DOWN BELOW.
     —GAME TO BE GENERATED—
     {input}
     —EXAMPLE OF JAVASCRIPT FILE—
     *java file*—
     —ALREADY CREATED HTML FILE—
     *HTML file*—
     

2. Työkalujen lisääminen Tool Calling Agentiin (URL Retriever, Google Search):

   • Vaikka nämä ovat mukana flow-kaaviossa ja liitetty Tool Calling Agenttiin, ne eivät välttämättä ole välttämättömiä perustehtävässä, jossa peli generoidaan kuvauksen perusteella.
   • Niiden liittäminen tekee ne saataville agentille. Jos tekoäly (ydin-LLM:n ja promptin perusteella) katsoo tarvitsevansa verkkohakua tai sisällön hakua, se voi käyttää näitä työkaluja. Yksinkertaisiin pyyntöihin kuten “tee pong-peli”, niitä ei todennäköisesti tarvita. Erityisiä asetuksia ei tarvita, ellei sinulla ole Google Searchin API-avaimia.

Vaihe 3: Komponenttien yhdistäminen

Yhdistä solmut täsmälleen kaavion mukaisesti, jotta tieto kulkee oikein.

1. Chat History (InMemoryChatMessageHistory output) → Tool Calling Agent (Chat History input)
2. LLM Anthropic AI (LLM output) → Tool Calling Agent (LLM input)
3. Chat Input (Message output) → Prompt (Input input)
4. Prompt (Message output) → Tool Calling Agent (Inputs * input – Huom. tähti, usein osoittaa ensisijaisen käyttäjä-/prompt-syötteen)
5. URL Retriever (Documents As Tool output) → Tool Calling Agent (Tools * input – Tämä syöte hyväksyy useita työkaluliitäntöjä)
6. Google Search (Google Search as Tool output) → Tool Calling Agent (Tools * input)
7. Tool Calling Agent (Message output) → Chat Output (Text * input)

Vaihe 4: Generoi JavaScript-minipelisi

Nyt tuodaan peli-ideasi eloon!

1. Tallenna flow ja klikkaa sitten AI-painiketta (▶️).

2. Kirjoita chat-paneeliin pelipyyntösi (esim. Tee Tetris).

   [Kuva: Kuvakaappaus chat-käyttöliittymästä, jossa käyttäjä syöttää peli-kehotteen]

3. Paina Enter. Prompt-solmu muotoilee pyyntösi ja Tool Calling Agent LLM Anthropic AI:n avulla generoi pelin koodin.

Vaihe 5: Pelaa AI:n generoimaa peliäsi

1. Kopioi koko koodilohko Chat Outputista.
2. Liitä se tekstieditoriin (Notepad, TextEdit, VS Code).
3. Tallenna tiedosto .html-päätteellä (esim. ai_tetris.html).
4. Kaksoisklikkaa tallennettua tiedostoa avataksesi sen selaimessasi ja pelaa!

Yhteenveto: Rakenna kohdistettuja AI-flow’ja FlowHuntilla

Seuraamalla tätä tarkkaa vuokaaviota olet rakentanut tehokkaan AI JavaScript -peligenraattorin FlowHuntilla. Tämä esimerkki osoittaa, miten omistetut LLM- ja Prompt-solmut voidaan yhdistää monipuoliseen Tool Calling Agentiin, jopa tuoden ulkoiset työkalut, kuten verkkohaku, tarvittaessa mukaan. FlowHuntin visuaalinen käyttöliittymä tekee jopa hieman monimutkaisempien AI-työnkulkujen rakentamisesta ja ymmärtämisestä suoraviivaista ja tehokasta. Hauskoja pelinluontihetkiä!

Aloita ensimmäinen flosi

Flowhuntin AI-flow-insinööritiimi auttaa sinua mielellään AI-automaation kanssa.

• Kokeile Flowhuntia
• Keskustele asiantuntijan kanssa