3D font in babylon.js

[Alex10]

How best to make 3D font in babylon.js?

I saw a discussion on this post 
But these examples font tied to the texture.
I would like to be more like the font on this example.

[JCPalmer]

Comeback by the end of the week, I think.  Busy finishing font related extension

[jerome]

Very nice 

 

I'm still thinking about another approach (than precomputing some fonts + alphabets).

When you download, say, a google font, you get a woff file.

This file should embbed a trueType, or openType set of data describing the font : vectors, curves, etc. Maybe SVG... I don't know the format.

I just know it should readable and probably transposable in 2D coordinates, vectors, curves as we use in BJS.

 

So if we could dynamically translate a web font into a 2D shape and then extrude it (this part is already done), we could then use all fonts the browser is able to render in HTML text for 3D.

 

Just a dream   

[Wingnut]

With dynamic mesh simplification based-on distance to view.  Yum.

 

(probably only accomplished by pre-rendering some LOD versions of the characters used in the text scroller)

 

Yep, Alex10, we are both waiting to try flying mesh-words.    That's when we can REALLY start using BJS for blatant advertising.

 

Yay!  errrr... no... BOO!... err... something.    "Waitress... how's the Woff today?  I'll have a double order!"

 

And, of course, for flying text... we'll need paths... and Jerome is Captain Pathematics. 

[Alex10]

I want to try to triangulate the font with this or that

After the triangle draw the text already.

But for the moment I can not triangulate handwritten font. 

[jerome]

many dependencies but really nice !

[hollywood15]

Hi,

 

I just wanna ask the state of the sub-project / extension about 3d-text-creation with BabylonJS.

Is there already a way to create 3d-text with different fonts in babylonJS?

[Temechon]

I think JC worked on it for his awesome Dialogs extensions: https://github.com/BabylonJS/Extensions/tree/master/Dialog, but the font has been created in Blender (so it's not all fonts).

 

@JC, am i right ? 

[JCPalmer]

There is always a way, but you will have to use Blender to build a font.  The .blend in the repository, fontGen.blend, https://github.com/BabylonJS/Extensions/tree/master/Dialog/fonts, can generate meshes of any typeface you can assign it.  I do not have any fonts files on Ubuntu (or know where they are anyway).  In Windows, you might find them.  Click the highlighted button from this picture, and open the font file.

You might want to just build signs that you can export to a .babylon file, instead.  Do that by:

• Select the 'A' in the scene  (right click).  It is not actually a mesh object.  Runing the script on the left (Alt-P) builds the meshes.
• Go into edit mode by typing 'tab' (with mouse still in scene area), or change the dropdown in the bottom middle that says Object Mode in the picture.
• keyboard will now change the 'A' into whatever sign you wish to make, including multi-line
• Click in the script, and drop the extrude down to about 0.1
• Type Alt-P to generate your mesh.

You can repeat for multiple signs.  They will all write at the orign & look like a mess, but they can be moved here or once imported to Babylon.  I made 2 here.  You probably want to rename them if you make a multi line, cause the name of the mesh is the same as the text.