Pixi.js: Ancho de BitmapText después del cambio de texto

Creado en 22 sept. 2020  ·  3Comentarios  ·  Fuente: pixijs/pixi.js

Comportamiento esperado

Comportamiento actual

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.

Solución posible

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

Pasos para reproducir

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);
}

Ambiente

  • pixi.js versión : 5.3.2
  • Navegador y versión : Chrome 85
  • SO y versión : Windows 10
🕷 Bug

Comentario más útil

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.
image

Todos 3 comentarios

Aquí 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.
image

Probablemente, poner a cero el búfer de vértices solucionaría este problema, si no es de nueva creación.

¿Fue útil esta página
0 / 5 - 0 calificaciones

Temas relacionados

MRVDH picture MRVDH  ·  3Comentarios

Darker picture Darker  ·  3Comentarios

courtneyvigo picture courtneyvigo  ·  3Comentarios

YuryKuvetski picture YuryKuvetski  ·  3Comentarios

zcr1 picture zcr1  ·  3Comentarios