Tengo un png que contiene un par de cosas, como un perro, un gato, un ratón, un dophine.
Uso pixi js para renderizar este archivo png como un sprite, pixi renderiza todos estos animales en una fila como dibujados en png.
¿Hay alguna forma de cortarlos en diferentes sprites después de cargar este único png en pixi js? Para poder manipularlos por separado.
¡Gracias!
Responda mi propia pregunta como complemento de detalles a la respuesta de @ domis86.
Exactamente como decía su enlace referido:
Importe el archivo png que contiene múltiples gráficos de interés, defina un objeto rectangular que se usa para capturar el sprite individual. Cárgalo. Hazlo repetidamente para capturar todo el sprite.
const texture = TextureCache["images/tileset.png"]; // this image has a couple of animals const catRectangle = new Rectangle(0, 0, 64, 64); const dogRectangle = new Rectangle(64, 0, 64, 64); const lionRectangle = new Rectangle(128, 0, 64, 64); texture.frame = catRectangle const cat = new Sprite(texture); texture.frame = dogtRectangle const dog = new Sprite(texture); texture.frame = LionRectangle const Lion = new Sprite(texture);