Abrir carpeta del proyecto
Abre la carpeta en la ventana de chat del agente.
Flujos de trabajo
ejemplos de Phaser JS para flujos de Phaser Studio
03
Corregir parpadeo en tilemaps cuando la cámara sigue un sprite
Los tilemaps suelen parpadear cuando la cámara sigue un sprite. La causa es tentativa. El agente lee el código de la escena y ajusta la configuración de seguimiento de la cámara. Luego ejecuta tu comando de compilación para verificar que el proyecto siga compilando, y debes comprobar el parpadeo en el navegador. Revisas el diff antes de aceptar el cambio.
Listar archivos de escena
El agente lista todos los archivos de escena en la carpeta.
Leer código de la escena
El agente lee el archivo principal del código de la escena.
Ejecutar comando de compilación
El agente ejecuta el comando de compilación para buscar errores.
Estructura básica del juego
Crea una escena de juego básica de Phaser con un objeto de texto.
- write_file
src/main.jsguardado - write_file
index.htmlguardado - Shell
dev-serversalida 0 - read_file
src/main.js18 líneas
esperando tu visto bueno antes del siguiente pasoRechazarAceptar
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 ejemplo en JavaScript puro muestra una clase de escena básica con un objeto de texto. La configuración establece el tipo de juego en AUTO y define el ancho y el alto.
flujo de trabajo de Phaser TypeScript
Analizar código de la escena
El agente usa list_dir para mapear la estructura del proyecto y encontrar los archivos de escena, así que lee el código principal con read_file para entender el juego. Trabaja localmente. Busca objetos de juego usando grep para localizar errores. Lee la documentación oficial de Phaser con web_search y http_get para verificar las firmas de los métodos. Revisas el plan en modo Plan only para ver los cambios. Puedes cambiar a Ask first para aprobar cada edición. Aplica las ediciones y te muestra el diff de cada archivo. Pruebas los ejemplos de Phaser JS comprobando cómo cambiar la posición y escala de la ruta en tu navegador.
Corregir el parpadeo de la cámara
El agente usa glob para encontrar todos los archivos de tilemap y sprite en el proyecto y lee la lógica de seguimiento de la cámara en el código de la escena usando read_file. Comprueba. El agente busca la configuración específica de la cámara que causa el efecto de parpadeo. Comprueba la documentación oficial de Phaser para las opciones de suavizado de la cámara. Modifica la configuración de seguimiento de la cámara en el archivo de escena usando edit_file. Puedes corregir el parpadeo de tilemaps cuando la cámara sigue un sprite ajustando esta configuración. El agente ejecuta tu comando del servidor de desarrollo para iniciar el servidor de desarrollo local. Shell muestra el código de salida real del comando y el usuario verifica el resultado en el navegador.
