WebVision Canvas
Alur Kerja

Contoh phaser js untuk alur kerja Phaser Studio

03
Perbaiki tilemap yang bergetar

Perbaiki tilemap bergetar saat kamera mengikuti sprite

Tilemap sering bergetar saat kamera mengikuti sprite. Penyebabnya tentative. Agen membaca kode scene dan menyesuaikan pengaturan camera follow. Ia lalu menjalankan perintah build untuk memverifikasi proyek masih berhasil di-build, dan Anda harus memeriksa getaran di browser. Anda meninjau diff sebelum menerima perubahan.

01

Buka folder proyek

Buka folder di jendela chat agen.

02

Daftar file scene

Agen mendaftarkan semua file scene di dalam folder.

03

Baca kode scene

Agen membaca file kode scene utama.

04

Jalankan perintah build

Agen menjalankan perintah build untuk memeriksa error.

Struktur game dasar

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

Contoh JavaScript polos ini menampilkan kelas scene dasar dengan objek teks. Konfigurasi mengatur tipe game menjadi AUTO dan menentukan lebar serta tinggi.

alur kerja phaser typescript

Analisis kode scene

Agen menggunakan list_dir untuk memetakan struktur proyek dan menemukan file scene, sehingga ia membaca kode utama dengan read_file untuk memahami game. Ini bekerja secara lokal. Ia mencari objek game menggunakan grep untuk menemukan error. Ia membaca dokumentasi resmi Phaser dengan web_search dan http_get untuk memverifikasi tanda tangan metode. Anda meninjau rencana dalam mode Plan only untuk melihat perubahan. Anda dapat beralih ke Ask first untuk menyetujui setiap edit. Ia menerapkan edit dan menampilkan diff untuk setiap file. Anda menguji contoh phaser js dengan memeriksa cara mengubah posisi path dan skala di browser Anda.

Perbaiki getaran kamera

Agen menggunakan glob untuk menemukan semua file tilemap dan sprite di proyek dan membaca logika camera follow dalam kode scene menggunakan read_file. Ia memeriksa. Agen mencari pengaturan kamera spesifik yang menyebabkan efek getaran. Ia memeriksa dokumentasi resmi Phaser untuk opsi penghalusan kamera. Ia memodifikasi pengaturan camera follow dalam file scene menggunakan edit_file. Anda dapat memperbaiki tilemap bergetar saat kamera mengikuti sprite dengan menyesuaikan pengaturan ini. Agen menjalankan perintah server dev Anda untuk memulai server pengembangan lokal. Shell menampilkan kode exit sebenarnya dari perintah dan pengguna memeriksa hasilnya di browser.

WebVision Canvas untuk Windows

Mulai proyek Phaser Anda hari ini

Unduh WebVision Canvas ↗