Abrir pasta do projeto
Abra a pasta na janela de chat do agente.
Fluxos de trabalho
Exemplos Phaser JS para fluxos de trabalho Phaser Studio
03
Corrigir tremores em tilemaps quando a câmera segue um sprite
Tilemaps frequentemente tremem quando a câmera segue um sprite. A causa é incerta. O agente lê o código da cena e ajusta as configurações de acompanhamento da câmera. Em seguida, executa o comando de build para verificar se o projeto compila corretamente, e você deve verificar o tremor no navegador. Você revisa o diff antes de aceitar a alteração.
Listar arquivos da cena
O agente lista todos os arquivos de cena na pasta.
Ler código da cena
O agente lê o arquivo de código principal da cena.
Executar comando de build
O agente executa o comando de build para verificar erros.
Estrutura básica do jogo
Crie uma cena de jogo Phaser básica com um objeto de texto.
- write_file
src/main.jssalvo - write_file
index.htmlsalvo - Shell
dev-serverexit 0 - read_file
src/main.js18 linhas
aguardando sua aprovação para a próxima etapaRejeitarAceitar
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);Este exemplo em JavaScript puro mostra uma classe de cena básica com um objeto de texto. A configuração define o tipo de jogo como AUTO e define a largura e a altura.
Fluxo de trabalho Phaser TypeScript
Analisar código da cena
O agente usa list_dir para mapear a estrutura do projeto e encontrar os arquivos de cena, então lê o código principal com read_file para entender o jogo. Ele trabalha localmente. Ele procura objetos de jogo usando grep para localizar erros. Ele lê a documentação oficial do Phaser com web_search e http_get para verificar assinaturas de método. Você revisa o plano no modo Plan only para ver as alterações. Você pode alternar para Ask first para aprovar cada edição. Ele aplica as edições e mostra o diff de cada arquivo. Você testa os exemplos Phaser JS verificando como alterar a posição e a escala do caminho no seu navegador.
Corrigir tremores da câmera
O agente usa glob para encontrar todos os arquivos de tilemap e sprite no projeto e lê a lógica de acompanhamento da câmera no código da cena usando read_file. Ele verifica. O agente procura as configurações específicas da câmera que causam o efeito de tremor. Ele verifica a documentação oficial do Phaser para opções de suavização da câmera. Ele modifica as configurações de acompanhamento da câmera no arquivo de cena usando edit_file. Você pode corrigir tremores em tilemaps quando a câmera segue um sprite ajustando essas configurações. O agente executa o comando do servidor dev para iniciar o servidor de desenvolvimento local. Shell mostra o código de saída real do comando e o usuário verifica o resultado no navegador.
