Cree una instancia de PIXI.BitmapText con este texto "1111111111111111111111111". Recuerda su ancho, luego cambia el texto a "1" y revisa el ancho nuevamente, será el mismo.
Este problema existe cuando la instancia de PIXI.BitmapText tiene una instancia de PIXI.Mesh como elementos secundarios con más de 199 vértices
https://pixijs.io/examples/#/text/bitmap -text.js
Pega este código:
const app = new PIXI.Application({ backgroundColor: 0x1099bb });
document.body.appendChild(app.view);
app.loader
.add('desyrel', 'examples/assets/bitmap-font/desyrel.xml')
.load(onAssetsLoaded);
function onAssetsLoaded() {
const bitmapFontText = new PIXI.BitmapText('11111111111111111111111111111111111111111111111', { font: '55px Desyrel'});
console.log(bitmapFontText.width);
bitmapFontText.x = 50;
bitmapFontText.y = 200;
bitmapFontText.text = '1';
console.log(bitmapFontText.width);
app.stage.addChild(bitmapFontText);
}
pixi.js
versión : 5.3.2Aquí hay una versión de JSFiddle:
https://jsfiddle.net/bigtimebuddy/syt6gdpb/
Aquí hay una versión de JSFiddle:
https://jsfiddle.net/bigtimebuddy/syt6gdpb/
Según tengo entendido, este problema surge porque no limpiamos el búfer de vértices cuando el texto nuevo es más pequeño que el anterior.
Comprueba cómo funciona esta condición.
Probablemente, poner a cero el búfer de vértices solucionaría este problema, si no es de nueva creación.
Comentario más útil
Según tengo entendido, este problema surge porque no limpiamos el búfer de vértices cuando el texto nuevo es más pequeño que el anterior.
Comprueba cómo funciona esta condición.