WebVision Canvas
Робочі процеси

Приклади Phaser JS для робочих процесів Phaser Studio

03
Виправити трясіння тайлмапів

Виправити трясіння тайлмапів, коли камера слідує за спрайтом

Тайлмапи часто трясуться, коли камера слідує за спрайтом. Причина неочевидна. Агент читає код сцени та налаштовує параметри слідування камери. Потім він запускає команду збірки, щоб переконатися, що проєкт компілюється, а ви перевіряєте трясіння у браузері. Ви переглядаєте diff перед прийняттям змін.

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 ↗