Docs: Creating-text: Suggest three-mesh-ui first.

[gonnavis]

Related issue: -

Description

I tried to find that three-mesh-ui is much more convenient to use than three-bmfont-text, and it provides ordinary .js files and import and require simultaneously.
In contrast, three-bmfont-text only provides require which I think is only used for nodejs and depends on global.THREE, in fact, I even failed to use three-bmfont-text successfully.
So I think it would be better to recommend three-mesh-ui first to beginners.

[donmccurdy]

This is updating a section on bitmap fonts — is three-mesh-ui using that method? Sections (4) and (5) are separated because there are situations where either method might be needed. A library more similar to three-bmfont-text, and probably also easier to use, is three-troika-text.

[gonnavis]

Hello @donmccurdy, three-mesh-ui can use the font file generated from your site, and it's doc also say this.

I think it using bitmap fonts, isn't it?

demo

But I found out that it doesn't support spaces unexpectedly. I didn't find this problem yesterday because all chinese characters had no spaces. I need to raise an issue first.

[gonnavis]

@donmccurdy Confirmed with three-mesh-ui author that he using bitmap fonts https://discourse.threejs.org/t/how-to-use-bmfont/21206/10 .

I'll try three-troika-text too, but you have confirmed. Could list them all like three-troika-text, three-mesh-ui or three-bmfont-text ?

[felixmariotto]

@gonnavis I've just fixed your spacing problem, check your issue on Github.
Thank you for proposing to add three-mesh-ui as a suggested tool to add text into three.js.

I suppose the reason why @donmccurdy is reticent to add it to the list is because three-mesh-ui purpose is not restricted to the task of creating text, as it can also create "flex" boxes, icons, use padding and margin, etc...

Could a sixth category be envisioned for layout tools like three-mesh-ui and troika ? It's likely some people don't know about those tools and land on the Creating text page, thinking that they have to figure out by themselves how to make layouts.

[gonnavis]

@felixmariotto Thanks for fix! I confirmed that this "Hello world" demo works now.

[donmccurdy]

Ok, as long as it's also a BMFont-based solution I'm fine with listing them both. I don't feel strongly that three-troika-text needs to be added, as I haven't used it myself, but we can always consider that later.

[mrdoob]

I think you need to change the order on this one?

[gonnavis]

I know that Arabic is read from right to left, but I'm very confused by the different Editing and Viewing order with it.
If look at the overall right-to-left viewing order, it is right now, so I deliberately used this editing order which different from en and zh.
But from the single piece of English three-bmfont-text or three-mesh-ui, the order is wrong.

I don't know which one is correct, maybe all wrong.
So I changed to using Arabic word of or.

[mrdoob]

That's a rabbit hole I prefer not to venture into 😅

[mrdoob]

Thanks!