← العودة إلى المدونة

تطوير الألعاب من الألف إلى الياء: VberAI ينقل واجهة واحدة إلى مشهد Unity

شاشة لعبة واحدة تمر بتوليد الصورة، والتقطيع في المكان، والكتابة في مشهد Unity المفتوح عبر Engine MCP، ومعاينة الحركة. بلا تنقّل بين الأدوات للتقطيع ثم إعادة بناء التسلسل.

نُشر في
  • vberai
  • ai-studio
  • game-ui
  • inplace-slice
  • unity
  • mcp
  • cursor
  • tutorial
تطوير الألعاب من الألف إلى الياء: VberAI ينقل واجهة واحدة إلى مشهد Unity

واجهة اللعبة تنقطع غالبًا بين الأدوات. الصورة في برنامج، والتقطيع في برنامج آخر، وبعد الاستيراد يُعاد بناء التسلسل. يسير هذا المقال على قائمة رئيسية قوطية داكنة ليعرض أربع خطوات في VberAI Studio (وليس Google AI Studio): توليد الصورة بالذكاء الاصطناعي، التقطيع في المكان، الكتابة في المحرك، ومعاينة الحركة.

المدخل: VberAI Studio.

1. البدء من قائمة رئيسية جاهزة

المصدر قائمة رُتّبت سلفًا. الشخصية على اليسار، ومدخلا STORY وARENA على اليمين، والخلفية ليل مقمر. المدخل شاشة كاملة، لا مجموعة أيقونات متفرقة.

القائمة الرئيسية القوطية الداكنة

هذه الخطوة توليد الصورة. تدخل لوحة الشخصية والقائمة كصورة واحدة. التقطيع والكتابة والمعاينة بعدها تستخدم الصورة نفسها.

2. التقطيع في المكان والإبقاء على الخلفية

بعد الفصل تغادر الأزرار والشخصية وأيقونات العملة مواضعها. تبقى ليلة القمر بلا واجهة. تُقص العناصر وفق الإحداثيات الأصلية، وتُحفظ الخلفية وحدها.

خلفية الليل بعد التقطيع

تصدير ملفات PNG واحدًا واحدًا في Photoshop يُسقط بيانات الموضع. التقطيع في المكان يُبقي الموضع النسبي والحجم. بعد الدخول إلى المحرك لا حاجة إلى محاذاة القطع يدويًا على النموذج. الخطوات: التقطيع في المكان.

3. Engine MCP: الكتابة في مشهد Unity المفتوح

تنتقل الأصول المقطّعة بعد ذلك إلى المحرك. تفتح التجربة لوحة Engine MCP. الأمر الظاهر على الشاشة هو الجملة الصينية 「把图层3写入当前 Unity 工程」. «图层3» اسم ملف هذه القائمة. يظهر الموجز أولًا، ثم خمسة فحوص:

  • استيراد اللوحة المولَّدة
  • إعادة العناصر المقطّعة إلى مواضعها
  • استخراج خلفية نظيفة
  • كتابة الشخصية في المشهد
  • فحص المشهد الحالي

عند نجاح الفحوص الخمسة تُظهر اللوحة أن الكتابة اكتملت.

Engine MCP يكتب الطبقات في مشهد Unity

الوجهة هي مشهد Unity المفتوح. يتبع التخطيط نتيجة التقطيع، بدل إيداع ملفات PNG بلا أسماء في مجلد. لربط الأزرار والقيم من Cursor يُستخدم Engine MCP نفسه. التثبيت: تثبيت Unity MCP.

4. معاينة الحركة على الشاشة نفسها

تستخدم المعاينة الطبقات التي قُطّعت للتو. الخلفية هي الليل المستخرَج، والشخصية اللوحة نفسها، وSTORY وARENA الزران المقطّعان. تتقدم وتلوّح بالعصا. يخرج السحر من الطرف، وتضيء الأزرار في مواضعها.

الشخصية والأزرار المقطّعة تعود إلى خلفية الليل

فقاعة الدردشة في أعلى اليسار تبقى في مكانها. لا تتبع الشخصية. هي عنصر ثابت في الواجهة.

يمكن للصور الثابتة بعد تقطيعها أن تعود إلى الخلفية نفسها: حركة تُشاهَد، وأزرار تضيء في مواضعها. انتقال الأزرار والقيم العددية ما زال يحتاج إلى ربط داخل Unity، عبر Engine MCP أو عبر سكربت.

ما الذي يسقط من العمل اليدوي في كل خطوة

الخطوةما يظهر على الشاشةالعمل اليدوي الذي يُستغنى عنه
توليد الصورةقائمة قوطية بملء الشاشةتركيب نموذج من الصفر
التقطيع في المكانتغادر العناصر وتبقى الخلفيةتصدير كل زر كملف PNG في Photoshop
Engine MCPتدخل الطبقات مشهد Unity المفتوحإعادة بناء التسلسل بعد الاستيراد
معاينة الحركةالشخصية والأزرار نفسها تتحرك على الخلفية الأصليةإعداد عرض من رسوم أخرى

الحدود

  • تستخدم التجربة هذه القائمة وحدها. جودة التقطيع تتوقف على وضوح المصدر وعلى إمكان قراءة حواف عناصر التحكم.
  • تُظهر لوحة MCP كتابةً مكتملة وفحوصًا ناجحة. انتقال الأزرار وتسوية القيم ما زالا يحتاجان إلى منطق داخل مشهد Unity.
  • تستخدم معاينة الحركة هذه اللوحة والأزرار المقطّعة. هي مجموعة الطبقات نفسها التي في القائمة أعلاه.

الخلاصة

يمكن لشاشة واحدة أن تبقى في مسار واحد: توليد الصورة، تقطيعها في مكانها، كتابتها في Unity، ثم معاينة تلك الطبقات وهي تتحرك. المدخل: AI Studio.

أدلة أخرى قد تعجبك

تسلسل هرمي لمعلومات شاشة العرض (HUD) على الجوال: ماذا نعرض في القتال والردهة والنوافذ المنبثقة

رؤية وأولوية شاشة العرض حسب حالة اللعبة؛ وعلاقتها بالمنطقة الآمنة وطبقات النص العائم وتراكم النوافذ—جداول مواصفات وخطوات قبول على الجهاز.

  • game-ui-design
  • game-dev-ai
  • ui-to-engine
  • hud
اقرأ المزيد

ChinaJoy 2026: ملاحظات من جناح VberAI في القاعة W5

VberAI في ChinaJoy 2026 (مركز شنغهاي الدولي الجديد للمعارض، القاعة W5): زوار وصناع قرار، نفاد الكتيبات في اليوم الأول، اهتمام قوي من عملاء روس، محادثات مع شركة كورية لأصول ثلاثية الأبعاد، وإطلاق توليد أصول الألعاب ثلاثية الأبعاد الشهر المقبل مع إمكانية ربط خط الإنتاج.

  • ChinaJoy
  • VberAI
  • AI Studio
  • 3D assets
اقرأ المزيد