WebVision Canvas
سير العمل

أمثلة Phaser.js لسير عمل Phaser Studio

03
إصلاح اهتزاز الخرائط البلاطية

إصلاح اهتزاز الخرائط البلاطية عند متابعة الكاميرا للشخصية

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

01

فتح مجلد المشروع

افتح المجلد في نافذة دردشة الوكيل.

02

عرض ملفات المشهد

يعرض الوكيل جميع ملفات المشهد في المجلد.

03

قراءة كود المشهد

يقرأ الوكيل ملف كود المشهد الرئيسي.

04

تشغيل أمر البناء

يشغل الوكيل أمر البناء للتحقق من الأخطاء.

هيكل اللعبة الأساسي

src/main.js
class MainScene extends Phaser.Scene {
  constructor() {
    super('MainScene');
  }
  create() {
    this.add.text(400, 300, 'Hello World', {
      fontSize: '32px',
      fill: '#ffffff'
    });
  }
}
const config = {
  type: Phaser.AUTO,
  width: 800,
  height: 600,
  scene: MainScene
};
new Phaser.Game(config);

يوضح هذا المثال بلغة JavaScript الأساسية فئة مشهد بسيطة مع كائن نصي. يحدد التكوين نوع اللعبة على AUTO ويحدد العرض والارتفاع.

سير عمل Phaser TypeScript

تحليل كود المشهد

يستخدم الوكيل list_dir لرسم خريطة هيكل المشروع وإيجاد ملفات المشهد، لذا يقرأ الكود الرئيسي باستخدام read_file لفهم اللعبة. يعمل محليًا. يبحث عن كائنات اللعبة باستخدام grep لتحديد الأخطاء. يقرأ الوثائق الرسمية لـ Phaser باستخدام web_search و http_get للتحقق من توقيعات الأساليب. تراجع عن الخطة في وضع Plan only لرؤية التغييرات. يمكنك التبديل إلى Ask first للموافقة على كل تعديل. يطبق التعديلات ويظهر لك diff لكل ملف. تختبر أمثلة Phaser.js بالتحقق من كيفية تغيير موضع المسار والحجم في متصفحك.

إصلاح اهتزاز الكاميرا

يستخدم الوكيل glob للعثور على جميع ملفات الخرائط البلاطية والشخصيات في المشروع ويقرأ منطق متابعة الكاميرا في كود المشهد باستخدام read_file. يتحقق. يبحث الوكيل عن إعدادات الكاميرا المحددة التي تسبب تأثير الاهتزاز. يتحقق من الوثائق الرسمية لـ Phaser لخيارات تنعيم الكاميرا. يعدل إعدادات متابعة الكاميرا في ملف المشهد باستخدام edit_file. يمكنك إصلاح اهتزاز الخرائط البلاطية عند متابعة الكاميرا للشخصية عن طريق ضبط هذه الإعدادات. يشغل الوكيل أمر خادم التطوير الخاص بك لبدء خادم التطوير المحلي. يعرض Shell رمز الخروج الفعلي للأمر ويتحقق المستخدم من النتيجة في المتصفح.

WebVision Canvas لنظام Windows

ابدأ مشروع Phaser الخاص بك اليوم

تحميل WebVision Canvas ↗