WebVision Canvas
Pracovní postupy

příklady Phaser JS pro pracovní postupy Phaser Studio

03
Oprava třesení tilemap

Oprava třesení tilemap při pohybu kamery za spritem

Tilemapy často třesou, když kamera sleduje sprite. Příčina není zřejmá. Agent přečte kód scény a upraví nastavení sledování kamery. Následně spustí příkaz pro sestavení, aby ověřil, že projekt stále kompiluje, a vy musíte zkontrolovat třesení v prohlížeči. Před přijetím změny zkontrolujete rozdíly.

01

Otevřít složku projektu

Otevřete složku v okně chatu agenta.

02

Vypsat soubory scény

Agent vypíše všechny soubory scény ve složce.

03

Přečíst kód scény

Agent přečte hlavní soubor kódu scény.

04

Spustit příkaz pro sestavení

Agent spustí příkaz pro sestavení a zkontroluje chyby.

Základní struktura hry

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

Tento příklad v čistém JavaScriptu ukazuje základní třídu scény s textovým objektem. Konfigurace nastavuje typ hry na AUTO a definuje šířku a výšku.

pracovní postup phaser typescript

Analyzovat kód scény

Agent použije list_dir k mapování struktury projektu a nalezení souborů scény, takže čte hlavní kód pomocí read_file, aby porozuměl hře. Pracuje lokálně. Vyhledává herní objekty pomocí grep k nalezení chyb. Přečte si oficiální dokumentaci Phaser pomocí web_search a http_get k ověření podpisů metod. V režimu Plan only zkontrolujete plán a uvidíte změny. Můžete přepnout na Ask first, abyste schválili každou úpravu. Aplikuje úpravy a zobrazí vám rozdíly pro každý soubor. Otestujete příklady phaser js tím, že zkontrolujete, jak změnit pozici cesty a měřítko ve svém prohlížeči.

Opravit třesení kamery

Agent použije glob k nalezení všech souborů tilemap a sprite v projektu a přečte logiku sledování kamery v kódu scény pomocí read_file. Zkontroluje to. Agent vyhledá konkrétní nastavení kamery, které způsobuje efekt třesení. Zkontroluje si oficiální dokumentaci Phaser pro možnosti vyhlazování kamery. Upraví nastavení sledování kamery v souboru scény pomocí edit_file. Třesení tilemap při sledování spritu kamerou můžete opravit úpravou těchto nastavení. Agent spustí příkaz pro vývojový server, aby spustil lokální vývojový server. Shell zobrazí skutečný kód ukončení příkazu a uživatel zkontroluje výsledek v prohlížeči.

WebVision Canvas pro Windows

Začněte svůj Phaser projekt ještě dnes

Stáhnout WebVision Canvas ↗