WebVision Canvas
Przepływy pracy

Przykłady Phaser JS w przepływach Phaser Studio

03
Napraw drgania tilemap

Napraw drgania tilemap, gdy kamera podąża za sprite'em

Tilemapy często drżą, gdy kamera podąża za sprite'em. Przyczyna bywa niejasna. Agent czyta kod sceny i dostosowuje ustawienia podążania kamery. Następnie uruchamia polecenie budowania, aby sprawdzić, czy projekt się kompiluje, a Ty musisz sprawdzić drgania w przeglądarce. Przeglądasz różnice przed zaakceptowaniem zmiany.

01

Otwórz folder projektu

Otwórz folder w oknie czatu agenta.

02

Wylistuj pliki scen

Agent wylistowuje wszystkie pliki scen w folderze.

03

Przeczytaj kod sceny

Agent czyta główny plik kodu sceny.

04

Uruchom polecenie budowania

Agent uruchamia polecenie budowania, aby sprawdzić błędy.

Podstawowa struktura gry

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);

Ten przykład w czystym JavaScript pokazuje klasę sceny z obiektem tekstowym. Konfiguracja ustawia typ gry na AUTO i definiuje szerokość oraz wysokość.

Przepływ pracy phaser typescript

Przeanalizuj kod sceny

Agent używa list_dir do zmapowania struktury projektu i znalezienia plików scen, więc czyta główny kod za pomocą read_file, aby zrozumieć grę. Działa lokalnie. Wyszukuje obiekty gry za pomocą grep, aby zlokalizować błędy. Czyta oficjalną dokumentację Phaser za pomocą web_search i http_get, aby zweryfikować sygnatury metod. Przeglądasz plan w trybie Plan only, aby zobaczyć zmiany. Możesz przełączyć się na Ask first, aby zatwierdzić każdą edycję. Stosuje edycje i pokazuje Ci różnice dla każdego pliku. Testujesz przykłady phaser js, sprawdzając, jak zmienić pozycję ścieżki i skalę w przeglądarce.

Napraw drgania kamery

Agent używa glob do znalezienia wszystkich plików tilemap i sprite'ów w projekcie oraz czyta logikę podążania kamery w kodzie sceny za pomocą read_file. Sprawdza. Agent wyszukuje konkretne ustawienia kamery powodujące efekt drgań. Sprawdza oficjalną dokumentację Phaser w zakresie opcji wygładzania kamery. Modyfikuje ustawienia podążania kamery w pliku sceny za pomocą edit_file. Możesz naprawić drgające tilemapy, gdy kamera podąża za sprite'em, dostosowując te ustawienia. Agent uruchamia polecenie serwera deweloperskiego, aby uruchomić lokalny serwer deweloperski. Shell pokazuje rzeczywisty kod wyjściowy polecenia, a użytkownik sprawdza wynik w przeglądarce.

WebVision Canvas dla Windows

Rozpocznij swój projekt Phaser już dziś

Pobierz WebVision Canvas ↗