إنشاء ألعاب مصغرة بالذكاء الاصطناعي باستخدام مولد ألعاب AI في FlowHunt

التدفق الذي سنبنيه

إليك البنية التي سنقوم بتنفيذها، والمصممة للوضوح باستخدام مكونات FlowHunt المحددة:

الخطوة 1: أنشئ تدفقًا جديدًا وأضف المكونات

لنبدأ بإعداد لوحتنا وإضافة جميع اللبنات الأساسية الضرورية الموضحة في المخطط.

• في لوحة تحكم FlowHunt، انتقل إلى تدفقاتي ثم اضغط على إنشاء تدفق. سمّه مثلاً “مولد ألعاب جافاسكريبت بالذكاء الاصطناعي v2”.

• اسحب المكونات التالية إلى لوحتك من مكتبة المكونات:
  • إدخال المحادثة
  • سجل المحادثة (باستخدام InMemoryChatMessageHistory)
  • لام أنثروبيك AI (أو أي عقدة لام تفضّلها مثل LLM OpenAI أو LLM Gemini)
  • برمبت
  • مسترجع الروابط
  • بحث جوجل
  • وكيل استدعاء الأدوات
  • إخراج المحادثة

الخطوة 2: إعداد المكونات الأساسية

الآن، لنقم بإعداد العقد الرئيسية التي تتعامل مع المنطق.

1. عقدة البرمبت

   • اضغط على عقدة البرمبت.

   • تقوم هذه العقدة بتنسيق التعليمات للذكاء الاصطناعي. في حقل القالب، أدخل التعليمات التفصيلية، مع استخدام متغيرات القالب إذا لزم الأمر (مثل {{$input}} للإشارة إلى الرسالة الواردة من إدخال المحادثة).

   • الصق قالب البرمبت التالي:

     سيعطيك المستخدم اسم لعبة ويجب عليك إنشاء لعبة الفيديو في ملف جافاسكريبت واحد كما هو موضح في المثال أدناه. لكن تذكر أننا لدينا ملف HTML بالفعل ويجب بناء الألعاب بناءً عليه، الملف مذكور في الأسفل.
     —اللعبة المطلوب إنشاؤها—
     {input}
     —مثال على ملف جافاسكريبت—
     *ملف جافا*—
     —ملف HTML الذي تم إنشاؤه بالفعل—
     *ملف HTML*—
     

2. إضافة أدوات إلى وكيل استدعاء الأدوات (مسترجع الروابط، بحث جوجل):

   • رغم وجودها في مخطط التدفق ومتصلة بوكيل استدعاء الأدوات، قد لا تكون هذه الأدوات ضرورية تمامًا للمهمة الأساسية لإنشاء لعبة من وصف.
   • ربطها يجعلها متاحة للوكيل. إذا قرر الذكاء الاصطناعي (استنادًا إلى لام الأساسي والبرمبت) أنه يحتاج إلى البحث في الويب أو جلب محتوى من رابط لتنفيذ الطلب، يمكنه استخدام هذه الأدوات. بالنسبة لطلبات بسيطة مثل “أنشئ لعبة بونج”، غالبًا لن يحتاج لها. لا يلزم إعداد خاص هنا ما لم يكن لديك مفاتيح API لبحث جوجل.

الخطوة 3: ربط المكونات

قم بتوصيل العقد معًا تمامًا كما هو موضح في المخطط. هذا يضمن تدفق البيانات بشكل صحيح.

1. سجل المحادثة (مخرج InMemoryChatMessageHistory) → وكيل استدعاء الأدوات (مدخل سجل المحادثة)
2. لام أنثروبيك AI (مخرج لام) → وكيل استدعاء الأدوات (مدخل لام)
3. إدخال المحادثة (مخرج الرسالة) → برمبت (مدخل الإدخال)
4. برمبت (مخرج الرسالة) → وكيل استدعاء الأدوات (مدخل الإدخالات * ملاحظة النجمة، غالبًا ما تشير إلى مدخل المستخدم/البرمبت الأساسي)
5. مسترجع الروابط (مخرج المستندات كأداة) → وكيل استدعاء الأدوات (مدخل الأدوات * هذا المدخل يقبل عدة اتصالات أدوات)
6. بحث جوجل (مخرج بحث جوجل كأداة) → وكيل استدعاء الأدوات (مدخل الأدوات *)
7. وكيل استدعاء الأدوات (مخرج الرسالة) → إخراج المحادثة (مدخل النص *)

الخطوة 4: أنشئ لعبتك المصغرة بجافاسكريبت

لنحوّل أفكارك للألعاب إلى واقع!

1. احفظ التدفق، ثم اضغط على زر الذكاء الاصطناعي (▶️).

2. في لوحة المحادثة، اكتب طلبك للعبة (مثلاً: أنشئ لعبة تتريس).

   [صورة: لقطة شاشة لواجهة الدردشة مع إدخال المستخدم لبرومبت لعبة]

3. اضغط Enter. ستقوم عقدة البرمبت بتنسيق طلبك، وسيقوم وكيل استدعاء الأدوات باستخدام لام أنثروبيك AI بتوليد كود اللعبة.

الخطوة 5: العب لعبتك التي أنشأها الذكاء الاصطناعي

1. انسخ كتلة الكود كاملة من إخراج المحادثة.
2. الصقها في محرر نصوص عادي (Notepad، TextEdit، VS Code).
3. احفظ الملف بامتداد .html (مثلاً: ai_tetris.html).
4. انقر نقرًا مزدوجًا على الملف الذي حفظته لفتحه في متصفحك والبدء باللعب!

الخلاصة: بناء تدفقات ذكاء اصطناعي متخصصة باستخدام FlowHunt

من خلال اتباع هذا المخطط المحدد، أنشأت مولد ألعاب جافاسكريبت قوي بالذكاء الاصطناعي باستخدام FlowHunt. يوضح هذا المثال كيف يمكن دمج عقد لام وبرمبت المخصصة مع وكيل استدعاء الأدوات متعدد الاستخدامات، وجعل الأدوات الخارجية مثل البحث في الويب متاحة عند الحاجة. تجعل واجهة FlowHunt البصرية بناء وفهم هذه التدفقات المعقدة للذكاء الاصطناعي عملية سهلة وفعّالة. نتمنى لك تجربة ممتعة في توليد الألعاب!

ابدأ مع أول تدفق لك

فريق مهندسي تدفقات الذكاء الاصطناعي في Flowhunt جاهز لمساعدتك في أتمتة الذكاء الاصطناعي.

• جرّب Flowhunt
• تحدث إلى خبير