GUIDE / 02

Cómo leer el JSON hash de FRAME.

Cada clave nombra un frame dentro de atlas.png. El rectángulo siempre describe el contenido original, sin rotación ni trim.

Rectángulo del frame

frames: {
  frame_01: {
    frame: { x: 3, y: 3, w: 32, h: 28 },
    rotated: false,
    trimmed: false,
    spriteSourceSize: { x: 0, y: 0, w: 32, h: 28 },
    sourceSize: { w: 32, h: 28 }
  }
}

Carga orientativa en Phaser

function preload () {
  this.load.atlas('frame', 'atlas.png', 'atlas.json');
}
function create () {
  this.add.image(120, 80, 'frame', 'frame_01');
}

Ejemplo documental; FRAME no ejecuta Phaser ni prueba tu escena.

Abrir FRAME →