WebVision Canvas
Flussi di lavoro

Esempi Phaser JS per i flussi di lavoro di Phaser Studio

03
Correggi i salti delle tilemap

Correggi i salti delle tilemap quando la telecamera segue uno sprite

Le tilemap spesso saltano quando la telecamera segue uno sprite. La causa è incerta. L'agente legge il codice della scena e regola le impostazioni di inseguimento della telecamera. Poi esegue il comando di build per verificare che il progetto compili ancora, e devi controllare i salti nel browser. Rivedi il diff prima di accettare la modifica.

01

Apri la cartella del progetto

Apri la cartella nella finestra di chat dell'agente.

02

Elenca i file di scena

L'agente elenca tutti i file di scena nella cartella.

03

Leggi il codice della scena

L'agente legge il file di codice della scena principale.

04

Esegui il comando di build

L'agente esegue il comando di build per controllare gli errori.

Struttura di gioco di base

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

Questo esempio in JavaScript puro mostra una classe di scena di base con un oggetto testo. La config imposta il tipo di gioco su AUTO e definisce larghezza e altezza.

Flusso di lavoro Phaser TypeScript

Analizza il codice della scena

L'agente usa list_dir per mappare la struttura del progetto e trovare i file di scena, quindi legge il codice principale con read_file per capire il gioco. Lavora localmente. Cerca gli oggetti di gioco usando grep per individuare gli errori. Legge la documentazione ufficiale di Phaser con web_search e http_get per verificare le firme dei metodi. Rivedi il piano in modalità Plan only per vedere le modifiche. Puoi passare a Ask first per approvare ogni modifica. Applica le modifiche e ti mostra il diff per ogni file. Testi gli esempi Phaser JS controllando come modificare la posizione e la scala nel tuo browser.

Correggi i salti della telecamera

L'agente usa glob per trovare tutti i file di tilemap e sprite nel progetto e legge la logica di inseguimento della telecamera nel codice della scena usando read_file. Verifica. L'agente cerca le impostazioni specifiche della telecamera che causano i salti. Controlla la documentazione ufficiale di Phaser per le opzioni di fluidità della telecamera. Modifica le impostazioni di inseguimento della telecamera nel file di scena usando edit_file. Puoi correggere i salti delle tilemap quando la telecamera segue uno sprite regolando queste impostazioni. L'agente esegue il comando del server di sviluppo per avviare il server di sviluppo locale. Shell mostra il codice di uscita reale del comando e l'utente controlla il risultato nel browser.

WebVision Canvas per Windows

Inizia il tuo progetto Phaser oggi

Scarica WebVision Canvas ↗