Code lezen en bewerken
Het leest je scene-bestanden en toont diffs.
Product
Phaser-tutorialagent voor je game
01
WebVision Canvas helpt je je eigen code te schrijven voor Phaser 2D-games. Het leest je projectbestanden, bewerkt scènes en voert je build-opdrachten uit op Windows 10 of 11.
Je buildtools uitvoeren
Het voert je dev-server uit en toont resultaten.
Officiële docs controleren
Het zoekt op het web naar Phaser-voorbeelden.
Functies
- Bestandenlist_dir, read_file, write_file, edit_file, delete_file, make_dir, move_file, copy_file, grep, glob.
- Shellvoert terminalopdrachten uit zoals builds en linters, met rapportage van de echte exitcode.
- Webweb_search en http_get lezen officiële documentatiepagina's voor Phaser.
- Screenshots en afbeeldingengen_image slaat echte afbeeldingsbestanden op; ocr leest tekst uit screenshots.
- Orkestratietask voert parallelle sub-agents uit; run_on_model stuurt moeilijke stappen naar grotere modellen.
- GoedkeuringsmodiAuto-run, Ask first en Plan only bepalen hoe acties worden uitgevoerd.
- Cronvoert een door jou ingestelde prompt uit volgens een planning.
- Modellencloud-API, lokaal pc-model of ingebouwd model met een Test-knop.
Hoe het werkt
De agent leest je projectstructuur en volgt foutmeldingen door de code heen om het probleem te vinden.
Vind de syntaxisfout in mijn hoofdscenebestand.
- list_dir
srcmain.js - read_file
src/main.js1 fout - edit_file
src/main.jsopgeslagen - Shell
node buildexit 0 - grep
error src/main.js1 fout
wacht op jouw goedkeuring voordat de volgende stap wordt uitgevoerdAfwijzenAccepteren
Uitleg
Een grote scène splitsen
De agent gebruikt list_dir om je project in kaart te brengen en glob om gerelateerde assets te vinden, zodat hij het hoofdscenebestand leest met read_file om specifieke game-objecten te lokaliseren. Het werkt goed. grep vindt waar specifieke game-objecten in de code zijn gedefinieerd. edit_file maakt nieuwe scene-classes aan en werkt de config-object bij. De Shell-opdracht voert je buildtool uit om op fouten te controleren. Je bekijkt het plan in Plan only-modus voordat de bestanden worden gewijzigd. Deze Phaser-tutorial helpt je grote scènes op te splitsen in kleinere onderdelen. Je kunt je game volledig responsief maken zodat deze in elk venster past.
Een trillende camera fixen
De agent gebruikt web_search om de officiële Phaser-voorbeelden voor camera-smoothing te vinden en leest je scene-code met read_file om de update-loop te lokaliseren. Fix it. Een Phaser-tutorial geeft suggesties voor beginnende ontwikkelaars, zoals het aanpassen van follow-instellingen om schudden te stoppen. De agent gebruikt vervolgens edit_file om de cameraparameters precies aan te passen. De Shell-opdracht voert je build-opdracht uit om te verifiëren dat het project nog steeds bouwt. Je moet de camera in de browser bekijken om te controleren op trillen. Dit houdt de camera soepel bewegen wanneer de sprite beweegt. De agent regelt de technische details, zodat jij je kunt concentreren op je game-design.
Wat WebVision Canvas niet doet
Gebruik het op je eigen projecten of met schriftelijke toestemming van de eigenaar; de agent handhaaft dit niet; kopieer niet de games of kunst van andere ontwikkelaars; geen garantie dat de code correct is, bekijk de diff en test in de browser. Je vraagt je misschien af hoeveel scènes een game moet hebben om de structuur schoon te houden.
