Read and edit code
It reads your scene files and shows diffs.
Product
phaser tutorial agent for your game
01
WebVision Canvas helps you write your own code for Phaser 2D games. It reads your project files, edits scenes, and runs your build commands on Windows 10 or 11.
Run your build tools
It executes your dev server and shows results.
Check official docs
It searches the web for Phaser examples.
Features
- Fileslist_dir, read_file, write_file, edit_file, delete_file, make_dir, move_file, copy_file, grep, glob.
- Shellruns terminal commands like builds and linters, reporting the real exit code.
- Webweb_search and http_get read official documentation pages for Phaser.
- Screenshots and imagesgen_image saves real image files; ocr reads text from screenshots.
- Orchestrationtask runs parallel sub-agents; run_on_model sends hard steps to bigger models.
- Approval modesAuto-run, Ask first, and Plan only control how actions execute.
- Cronruns a prompt you set on a schedule.
- Modelscloud API, local PC model, or built-in model with a Test button.
How it works
The agent reads your project structure and follows error messages through the code to find the issue.
Find the syntax error in my main scene file.
- 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
waiting for your OK before the next stepRejectAccept
Walkthroughs
Split a large scene
The agent uses list_dir to map your project and glob to find related assets, so it reads the main scene file with read_file to locate specific game objects. It works well. grep finds where specific game objects are defined inside the code. edit_file creates new scene classes and updates the config object. The Shell command runs your build tool to check for errors. You review the plan in Plan only mode before the files are changed. This phaser tutorial helps you split large scenes into smaller parts. You can make your game fully responsive to fit any window size.
Fix a jittery camera
The agent uses web_search to find the official phaser examples for camera smoothing and reads your scene code with read_file to locate the update loop. Fix it. A phaser tutorial suggestions for first time developers include adjusting follow settings to stop shaking. The agent then uses edit_file to change the camera parameters precisely. The Shell command runs your build command to verify the project still builds. You must watch the camera in the browser to check for jitter. This keeps the camera moving steadily when the sprite moves. The agent handles the technical details so you can focus on your game design.
What WebVision Canvas does not do
Use it on your own projects or with the owner's written permission; the agent does not enforce this; do not copy other developers' games or art; no guarantee the code is correct, review the diff and test in the browser. You may wonder how many scenes should a game have to keep the structure clean.
