WebVision Canvas
Fluxuri de lucru

Exemple Phaser JS pentru fluxuri de lucru Phaser Studio

03
Repară tremurarea hărților tile

Repară tremurarea hărților tile când camera urmărește un sprite

Hărțile tile tremură adesea când camera urmărește un sprite. Cauza este incertă. Agentul citește codul scenei și ajustează setările de urmărire a camerei. Apoi rulează comanda de build pentru a verifica dacă proiectul se compilează încă, iar tu trebuie să verifici tremurarea în browser. Revizuiești diferențele înainte de a accepta modificarea.

01

Deschide folderul proiectului

Deschide folderul în fereastra de chat a agentului.

02

Listează fișierele scenei

Agentul listează toate fișierele scene din folder.

03

Citește codul scenei

Agentul citește fișierul principal de cod al scenei.

04

Rulează comanda de build

Agentul rulează comanda de build pentru a verifica erorile.

Structură de bază a jocului

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

Acest exemplu în JavaScript simplu arată o clasă de scenă de bază cu un obiect text. Configurația setează tipul jocului la AUTO și definește lățimea și înălțimea.

Flux de lucru Phaser TypeScript

Analizează codul scenei

Agentul folosește list_dir pentru a mapa structura proiectului și a găsi fișierele scenei, astfel încât citește codul principal cu read_file pentru a înțelege jocul. Lucrează local. Caută obiecte de joc folosind grep pentru a localiza erorile. Citește documentația oficială Phaser cu web_search și http_get pentru a verifica semnăturile metodelor. Revizuiești planul în modul Plan only pentru a vedea modificările. Poți trece la Ask first pentru a aproba fiecare editare. Aplică editările și îți arată diferențele pentru fiecare fișier. Testezi exemplele Phaser JS verificând cum să modifici poziția și scala în browser.

Repară tremurarea camerei

Agentul folosește glob pentru a găsi toate fișierele tilemap și sprite din proiect și citește logica de urmărire a camerei în codul scenei folosind read_file. Verifică. Agentul caută setările specifice ale camerei care cauzează efectul de tremurare. Verifică documentația oficială Phaser pentru opțiunile de netezire a camerei. Modifică setările de urmărire a camerei în fișierul scenei folosind edit_file. Poți repara tremurarea hărților tile când camera urmărește sprite ajustând aceste setări. Agentul rulează comanda serverului dev pentru a porni serverul local de dezvoltare. Shell arată codul de ieșire real al comenzii, iar utilizatorul verifică rezultatul în browser.

WebVision Canvas pentru Windows

Începe-ți proiectul Phaser astăzi

Descarcă WebVision Canvas ↗