Baca dan edit kode
Alat ini membaca file scene Anda dan menampilkan perbedaan (diff).
Produk
Agen tutorial Phaser untuk game Anda
01
WebVision Canvas membantu Anda menulis kode sendiri untuk game 2D Phaser. Alat ini membaca file proyek, mengedit scene, dan menjalankan perintah build di Windows 10 atau 11.
Jalankan alat build Anda
Alat ini menjalankan server dev Anda dan menampilkan hasilnya.
Periksa dokumentasi resmi
Alat ini mencari contoh Phaser di web.
Fitur
- Filelist_dir, read_file, write_file, edit_file, delete_file, make_dir, move_file, copy_file, grep, glob.
- Shellmenjalankan perintah terminal seperti build dan linter, serta melaporkan kode keluar yang sebenarnya.
- Webweb_search dan http_get membaca halaman dokumentasi resmi untuk Phaser.
- Screenshot dan gambargen_image menyimpan file gambar asli; ocr membaca teks dari screenshot.
- Orkestrasitask menjalankan sub-agen paralel; run_on_model mengirim langkah sulit ke model yang lebih besar.
- Mode persetujuanAuto-run, Ask first, dan Plan only mengontrol cara tindakan dieksekusi.
- Cronmenjalankan prompt yang Anda atur secara berkala.
- ModelAPI cloud, model PC lokal, atau model bawaan dengan tombol Test.
Cara kerjanya
Agen membaca struktur proyek Anda dan mengikuti pesan kesalahan melalui kode untuk menemukan masalahnya.
Temukan kesalahan sintaks di file scene utama saya.
- list_dir
srcmain.js - read_file
src/main.js1 error - edit_file
src/main.jssaved - Shell
node buildexit 0 - grep
error src/main.js1 error
menunggu persetujuan Anda sebelum melanjutkanTolakTerima
Panduan
Pisahkan scene besar
Agen menggunakan list_dir untuk memetakan proyek Anda dan glob untuk menemukan aset terkait, lalu membaca file scene utama dengan read_file untuk menemukan objek game spesifik. Hasilnya sangat baik. grep menemukan di mana objek game spesifik didefinisikan di dalam kode. edit_file membuat kelas scene baru dan memperbarui objek config. Perintah Shell menjalankan alat build Anda untuk memeriksa kesalahan. Anda meninjau rencana dalam mode Plan only sebelum file diubah. Tutorial Phaser ini membantu Anda memisahkan scene besar menjadi bagian yang lebih kecil. Anda dapat membuat game Anda sepenuhnya responsif agar sesuai dengan ukuran jendela apa pun.
Perbaiki kamera yang bergoyang
Agen menggunakan web_search untuk menemukan contoh kamera resmi Phaser untuk penghalusan kamera dan membaca kode scene Anda dengan read_file untuk menemukan loop update. Perbaiki masalahnya. Saran tutorial Phaser untuk pengembang pemula termasuk menyesuaikan pengaturan follow untuk menghentikan getaran. Agen kemudian menggunakan edit_file untuk mengubah parameter kamera secara tepat. Perintah Shell menjalankan perintah build Anda untuk memverifikasi proyek masih dapat di-build. Anda harus memantau kamera di browser untuk memeriksa getaran. Ini menjaga agar kamera bergerak stabil saat sprite bergerak. Agen menangani detail teknis sehingga Anda dapat fokus pada desain game Anda.
Apa yang tidak dilakukan WebVision Canvas
Gunakan pada proyek Anda sendiri atau dengan izin tertulis pemilik; agen tidak menegakkan aturan ini; jangan menyalin game atau seni pengembang lain; tidak ada jaminan kode benar, tinjau diff dan uji di browser. Anda mungkin bertanya-tanya berapa banyak scene yang harus dimiliki game agar strukturnya tetap bersih.
