Projectmap openen
Open de map in het agent-chatvenster.
Workflows
Phaser JS-voorbeelden voor Phaser Studio-workflows
03
Trillende tilemaps oplossen als de camera een sprite volgt
Tilemaps trillen vaak wanneer de camera een sprite volgt. De oorzaak is vaak onduidelijk. De agent leest de scènecode en past de camera-volginstellingen aan. Vervolgens voert hij je build-opdracht uit om te controleren of het project nog steeds bouwt, en jij moet de trillingen in de browser controleren. Je bekijkt de diff voordat je de wijziging accepteert.
Scènebestanden opsommen
De agent somt alle scenebestanden in de map op.
Scènecode lezen
De agent leest het hoofdscegebouwbestand.
Bouwprompt uitvoeren
De agent voert de bouwprompt uit om fouten te controleren.
Basisgamestructuur
Maak een basis Phaser-gamescène met een tekstobject.
- write_file
src/main.jsopgeslagen - write_file
index.htmlopgeslagen - Shell
dev-serverexit 0 - read_file
src/main.js18 regels
wacht op jouw goedkeuring voordat de volgende stap wordt uitgevoerdAfwijzenAccepteren
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);Dit voorbeeld in plain JavaScript toont een basis class-scène met een tekstobject. De configuratie stelt het gametype in op AUTO en definieert de breedte en hoogte.
Phaser TypeScript-workflow
Scènecode analyseren
De agent gebruikt list_dir om de projectstructuur in kaart te brengen en de scenebestanden te vinden, zodat hij de hoofdcode leest met read_file om de game te begrijpen. Dit gebeurt lokaal. Hij zoekt naar game-objecten met grep om fouten te lokaliseren. Hij leest de officiële Phaser-documentatie met web_search en http_get om methodes handtekeningen te verifiëren. Je bekijkt het plan in Plan only-modus om wijzigingen te zien. Je kunt overschakelen naar Ask first om elke bewerking goed te keuren. Hij past de bewerkingen toe en toont je de diff voor elk bestand. Je test de Phaser JS-voorbeelden door te controleren hoe je de padpositie en schaal in je browser kunt wijzigen.
Cameratril oplossen
De agent gebruikt glob om alle tilemap- en spritebestanden in het project te vinden en leest de camera-volglogica in de scènecode met read_file. Hij controleert dit. De agent zoekt naar de specifieke camera-instellingen die het trilleffect veroorzaken. Hij controleert de officiële Phaser-documentatie voor camera-smoothing-opties. Hij wijzigt de camera-volginstellingen in het scenebestand met edit_file. Je kunt trillende tilemaps oplossen wanneer de camera een sprite volgt door deze instellingen aan te passen. De agent voert je dev-server-opdracht uit om de lokale ontwikkelserver te starten. Shell toont de echte exit-code van de opdracht en de gebruiker controleert het resultaat in de browser.
