Code lesen und bearbeiten
Es liest deine Szenendateien und zeigt die Änderungen an.
Produkt
Phaser-Tutorial-Agent für dein Spiel
01
WebVision Canvas hilft dir, deinen eigenen Code für Phaser-2D-Spiele zu schreiben. Es liest deine Projektdateien, bearbeitet Szenen und führt deine Build-Befehle unter Windows 10 oder 11 aus.
Deine Build-Tools ausführen
Es startet deinen Dev-Server und zeigt die Ergebnisse an.
Offizielle Docs prüfen
Es durchsucht das Web nach Phaser-Beispielen.
Funktionen
- Dateienlist_dir, read_file, write_file, edit_file, delete_file, make_dir, move_file, copy_file, grep, glob.
- ShellFührt Terminalbefehle wie Builds und Linter aus und meldet den tatsächlichen Exit-Code.
- Webweb_search und http_get lesen offizielle Dokumentationsseiten für Phaser.
- Screenshots und Bildergen_image speichert echte Bilddateien; ocr liest Text aus Screenshots.
- Orchestrierungtask führt parallele Sub-Agents aus; run_on_model sendet komplexe Schritte an größere Modelle.
- GenehmigungsmodiAuto-run, Ask first und Plan only steuern, wie Aktionen ausgeführt werden.
- CronFührt ein von dir festgelegtes Prompt nach Zeitplan aus.
- ModelleCloud-API, lokales PC-Modell oder integriertes Modell mit einer Test-Schaltfläche.
So funktioniert es
Der Agent liest deine Projektstruktur und folgt Fehlermeldungen durch den Code, um das Problem zu finden.
Finde den Syntaxfehler in meiner Hauptscenendatei.
- list_dir
srcmain.js - read_file
src/main.js1 Fehler - edit_file
src/main.jsgespeichert - Shell
node buildexit 0 - grep
error src/main.js1 Fehler
wartet auf deine Bestätigung, bevor es weitergehtAblehnenAkzeptieren
Anleitungen
Eine große Szene aufteilen
Der Agent nutzt list_dir, um dein Projekt zu kartieren, und glob, um zugehörige Assets zu finden, damit er die Hauptscenendatei mit read_file liest, um spezifische Spielobjekte zu lokalisieren. Es funktioniert gut. grep findet, wo spezifische Spielobjekte im Code definiert sind. edit_file erstellt neue Szenenklassen und aktualisiert das Konfigurationsobjekt. Der Shell-Befehl führt dein Build-Tool aus, um nach Fehlern zu suchen. Du überprüfst den Plan im Plan only-Modus, bevor die Dateien geändert werden. Dieses Phaser-Tutorial hilft dir, große Szenen in kleinere Teile aufzuteilen. Du kannst dein Spiel vollständig responsiv machen, damit es in jede Fenstergröße passt.
Eine zitternde Kamera beheben
Der Agent nutzt web_search, um die offiziellen Phaser-Beispiele für Kamera-Weichzeichnung zu finden, und liest deinen Szenencode mit read_file, um die Update-Schleife zu lokalisieren. Behebe es. Phaser-Tutorial-Vorschläge für Neueinsteiger beinhalten das Anpassen der Follow-Einstellungen, um das Zittern zu stoppen. Der Agent nutzt dann edit_file, um die Kameraparameter präzise zu ändern. Der Shell-Befehl führt deinen Build-Befehl aus, um zu überprüfen, ob das Projekt noch erfolgreich gebaut wird. Du musst die Kamera im Browser beobachten, um nach Zittern zu suchen. So bleibt die Kamera beim Bewegen des Sprites stabil. Der Agent übernimmt die technischen Details, damit du dich auf dein Spieldesign konzentrieren kannst.
Was WebVision Canvas nicht tut
Nutze es in deinen eigenen Projekten oder mit der schriftlichen Erlaubnis des Eigentümers; der Agent erzwingt dies nicht; kopiere nicht die Spiele oder Kunstwerke anderer Entwickler; keine Garantie, dass der Code korrekt ist, überprüfe das Diff und teste im Browser. Du dich vielleicht fragen, wie viele Szenen ein Spiel haben sollte, um die Struktur sauber zu halten.
