solved GUI - Adaptive Text Block Font Size

[royibernthal]

Deltakosh -

 

When using adaptive scaling it'd be great to have all Text Blocks font sizes adapt to the resized stage automatically instead of scaling / resizing the Text Blocks - which looks very poor.

 

I'm actually doing on PIXI something similar and it works great:

Quote

fontSize = Math.floor(idealFontSize * newWidth / idealWidth);

For instance, the idealWidth (of the stage) is 800, at that size the "idealFontSize" is 36.

When the window is resized to the width 400, the new font size of the Text Block will be 18. (36*400/800)

When applying this solution, naturally any other kind of scaling / resizing can't be applied to Text Blocks.

 

What do you think?

[GameMonetize]

Hello,

fontSize already support automatic scaling:

https://www.babylonjs-playground.com/#51J3JL

[royibernthal]

Hmm true, I noticed a bug though -

 

The font size is only adapted while the text block is added to stage, it should be adapted on addControl as well.

Try to remove the text block, resize the window, then add the text block again:

https://www.babylonjs-playground.com/#51J3JL#2

[GameMonetize]

Seems to work for me  The fontSize is correct even after adding the control again

[royibernthal]

Step 1: resize window to smallest

Step 2: hide

Step 3: resize window to biggest

Step 4: show

Result: Very small text until resized again

 

Still correct for you?

I'm using the latest Chrome on Windows 10 and I made sure to clear my cache.

 

[GameMonetize]

Ok gotcha!. Let me try to fix that

[GameMonetize]

Ok fixed! Will be available in a couple of minutes

[royibernthal]

Great thanks