Me gustan los juegos de pixel art, y también es el único tipo de arte que puedo hacer yo mismo. Así que también me gusta hacer mis juegos en pixel-art. El problema que tengo con eso es que los píxeles cuando se muestran en Phaser ya no tienen los mismos tamaños.

Mi problema se vuelve muy obvio con las imágenes:

La primera imagen es lo que parece en Phaser y la segunda imagen es lo que se supone que debe ser. Como puede ver, las manchas en el hongo en Phaser tienen diferentes tamaños, aunque se supone que son solo un píxel con el mismo tamaño. No entiendo nada de esto, y no puedo encontrar nada en Internet al respecto. Probé todas las posibilidades diferentes con escalado o sin escalar y cambiando el tamaño del juego, pero nada parece solucionarlo. Esto sucedió en todos los juegos que he hecho. No tiene sentido mostrar un ejemplo específico de un juego, pero puedo mostrar la configuración del juego

 var config = { width: 768, height: 448, pixelArt: true, scale: { mode: Phaser.Scale.FIT, autoCenter: Phaser.Scale.CENTER_BOTH }, scene: [BootScene, StartScene, MainScene, InventoryScene, InstructionsScene], physics: { default: "arcade", arcade:{ //debug: true, gravity: {y: 980} } }

}

Solo puedo imaginar que tiene algo que ver con mi configuración. Porque agrego las imágenes como sprites/imágenes normales en Phaser. Este sprite perticualt está animado, pero otras imágenes (y texto también por cierto) que no están animadas comparten el mismo problema. Esta imagen también tiene escala 2, pero como mencioné, cambiar la escala no ayuda.

¿Alguien tiene alguna idea de qué está causando esto? Tal vez solo estoy pasando por alto algo totalmente obvio, pero esto me ha estado molestando durante meses y no puedo encontrar la manera de resolverlo.