Por alguna razón, cuando abro mi juego en el dispositivo móvil (probé Chrome, Brave y Brave en la pestaña Privado), el gráfico de una hoja de sprites específica aparece solo en negro. No estoy seguro de qué podría causar este problema.
Así es como creo mi sprite: character.sprite = this.add.sprite(400, 400, "chara", "idle_0");
Todos mis otros sprites, que creé de la misma manera, funcionan bien y este solía funcionar bien hasta hoy.
Se me ocurren dos cambios importantes que hice desde que los gráficos funcionaron por última vez: -La Spritesheet se ha vuelto significativamente más grande (se agregaron algunas animaciones grandes) -Agregué algunas interpolaciones de transición de la siguiente manera:
function init_trans(scene) { trans.maskGfx = scene.add.graphics() .fillCircleShape(trans.maskShape) .generateTexture('mask'); scene.mask = scene.add.image(0, 0, 'mask') .setPosition( gameState.gameWidth / 2, gameState.gameHeight / 2, ); scene.cameras.main.setMask(new Phaser.Display.Masks.BitmapMask(scene, scene.mask)); let propertyConfig = { ease: 'Quint.easeOut', from: trans.max_scale, start: trans.max_scale, to: trans.min_scale, }; trans.out = scene.tweens.add({ duration: 1000, scaleX: propertyConfig, scaleY: propertyConfig, targets: scene.mask, paused: true, }); propertyConfig = { ease: 'Quart.easeOut', from: trans.min_scale, start: trans.min_scale, to: trans.max_scale, }; trans.in = scene.tweens.add({ duration: 1000, scaleX: propertyConfig, scaleY: propertyConfig, targets: scene.mask, paused: true, }); }Si alguien sabe qué podría causar este problema, se agradece mucho la ayuda, especialmente porque tengo dificultades para depurar cosas en el móvil.
Actualización y posible solución:
Tras una mayor investigación, el problema parece haber sido la hoja de sprites. Lo dividí en dos y eso solucionó el problema. Sin embargo, si alguien tiene una explicación más educada sobre por qué fue eso y tal vez incluso una solución alternativa, le doy la bienvenida.