FlowHunt'ta Bir AI Oyun Üreticisi ile AI Mini Oyunlar Oluşturma

Oluşturacağımız Akış

İşte netlik için tasarlanmış ve belirli FlowHunt bileşenleri kullanan uygulayacağımız yapı:

1. Adım: Yeni Bir Akış Oluşturun ve Bileşenleri Ekleyin

Önce tuvalimizi oluşturarak diyagramda gösterilen tüm gerekli yapı taşlarını ekleyelim.

• FlowHunt panelinizde Akışlarım‘a gidin ve Akış Oluştur‘a tıklayın. Bir isim verin, örneğin “AI JS Oyun Üreticisi v2”.

• Bileşen kütüphanesinden tuvalinize şu bileşenleri sürükleyin:
  • Chat Input
  • Chat History (InMemoryChatMessageHistory kullanarak)
  • LLM Anthropic AI (veya tercih ettiğiniz LLM düğümü, ör. LLM OpenAI, LLM Gemini)
  • Prompt
  • URL Retriever
  • Google Search
  • Tool Calling Agent
  • Chat Output

2. Adım: Temel Bileşenleri Yapılandırın

Şimdi mantığı yöneten ana düğümleri ayarlayalım.

1. Prompt Düğümü

   • Prompt düğümüne tıklayın.

   • Bu düğüm, AI için talimatları biçimlendirir. Şablon alanına ayrıntılı talimatları girin, gerekiyorsa şablon değişkenleri kullanın (ör. Chat Input’tan gelen mesajı referans vermek için {{$input}}).

   • Aşağıdaki prompt şablonunu yapıştırın:

     Kullanıcı size bir oyun adı verecek ve siz de aşağıda gösterilen ÖRNEK'e benzer şekilde tek bir javascript dosyasında video oyununu oluşturmalısınız. ANCAK UNUTMAYIN, ZATEN BİR HTML DOSYAMIZ VAR VE OYUNLAR BUNUN ÜZERİNDEN OLUŞTURULMALI, AŞAĞIDA BELİRTİLDİ.
     —ÜRETİLECEK OYUN—
     {input}
     —JAVASCRIPT DOSYASI ÖRNEĞİ—
     *java dosyası*—
     —ZATEN OLUŞTURULMUŞ HTML DOSYASI—
     *HTML dosyası*—
     

2. Araçları Tool Calling Agent’a Eklemek (URL Retriever, Google Search):

   • Bu akış diyagramında dahil edilmiş ve Tool Calling Agent’a bağlanmış olsalar da, bu araçlar temel olarak bir açıklamadan oyun üretmek için şart değildir.
   • Bağlı olmaları onları agent’a mevcut kılar. Eğer AI (temel LLM ve prompt’a göre) isteği yerine getirmek için webde arama yapması veya bir URL’den içerik çekmesi gerektiğine karar verirse, bu araçları kullanabilir. “Pong oyunu yap” gibi basit isteklerde muhtemelen gerek duymayacaktır. Burada özel bir yapılandırmaya gerek yoktur, ancak Google Search için API anahtarlarınız varsa ekleyebilirsiniz.

3. Adım: Bileşenleri Bağlayın

Düğümleri diyagramda gösterildiği şekilde tam olarak birbirine bağlayın. Bu, verilerin doğru şekilde akmasını sağlar.

1. Chat History (InMemoryChatMessageHistory çıkışı) → Tool Calling Agent (Chat History girişi)
2. LLM Anthropic AI (LLM çıkışı) → Tool Calling Agent (LLM girişi)
3. Chat Input (Message çıkışı) → Prompt (Input girişi)
4. Prompt (Message çıkışı) → Tool Calling Agent (Inputs * girişi – Yıldız genellikle ana kullanıcı/istem girişini belirtir)
5. URL Retriever (Documents As Tool çıkışı) → Tool Calling Agent (Tools * girişi – Bu giriş birden fazla araç bağlantısını kabul eder)
6. Google Search (Google Search as Tool çıkışı) → Tool Calling Agent (Tools * girişi)
7. Tool Calling Agent (Message çıkışı) → Chat Output (Text * girişi)

4. Adım: JavaScript Mini Oyununu Üretin

Artık oyun fikirlerinizi hayata geçirebiliriz!

1. Akışınızı kaydedin, ardından AI düğmesine (▶️) tıklayın.

2. Sohbet paneline oyun isteğinizi yazın (ör. Tetris yap).

   [Görsel: Bir kullanıcı oyun istemi girerken sohbet arayüzünün ekran görüntüsü]

3. Enter’a basın. Prompt düğümü isteğinizi biçimlendirecek ve Tool Calling Agent, LLM Anthropic AI’ı kullanarak oyun kodunu oluşturacaktır.

5. Adım: AI Tarafından Üretilen Oyununuzu Oynayın

1. Chat Output’tan tüm kod bloğunu kopyalayın.
2. Bir düz metin düzenleyicisine yapıştırın (Notepad, TextEdit, VS Code).
3. Dosyayı .html uzantısıyla kaydedin (ör. ai_tetris.html).
4. Kaydettiğiniz dosyaya çift tıklayın, tarayıcınızda açın ve oynayın!

Sonuç: FlowHunt ile Özel AI Akışları Oluşturmak

Bu özel akış diyagramını takip ederek FlowHunt kullanarak güçlü bir AI JavaScript oyun üreticisi oluşturdunuz. Bu örnek, özel LLM ve Prompt düğümlerini çok yönlü Tool Calling Agent ile nasıl birleştireceğinizi ve gerektiğinde web araması gibi harici araçları nasıl erişilebilir kılacağınızı gösteriyor. FlowHunt’ın görsel arayüzü, bu biraz daha karmaşık AI iş akışlarını bile oluşturmayı ve anlamayı kolay ve verimli kılar. İyi oyunlar üretmeler!

İlk akışınızı oluşturmaya başlayın

Flowhunt’ın AI akış mühendislerinden oluşan bir ekibi AI Otomasyonu konusunda size yardımcı olmaya hazır.

• Flowhunt’u Dene
• Bir Uzmanla Görüşün