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 examples, проверяя, как изменить позицию пути и масштаб в браузере.

Исправление дрожания камеры

Агент использует glob для поиска всех файлов тайловых карт и спрайтов в проекте и читает логику следования камеры в коде сцены с помощью read_file. Он проверяет. Агент ищет конкретные настройки камеры, вызывающие эффект дрожания. Он проверяет официальную документацию Phaser на наличие параметров сглаживания камеры. Он изменяет настройки следования камеры в файле сцены с помощью edit_file. Вы можете исправить дрожание тайловых карт при следовании камеры за спрайтом, настроив эти параметры. Агент запускает вашу команду сервера разработки, чтобы запустить локальный сервер разработки. Shell показывает реальный код выхода команды, а пользователь проверяет результат в браузере.

WebVision Canvas для Windows

Начните свой проект Phaser уже сегодня

Скачать WebVision Canvas ↗