Export gltf model from blender

Questions
,
1

I have texture issue, and don’t know solution how to make texture normal, like blender, how to remove those squares, and get smooth texture?

check1
check11366×768 165 KB
check1png

2

Could you share Blender shader graph screenshot for the material on this model (and maybe also the UV maps) ?

3

2021-03-23 12-09-41
2021-03-23 12-09-411366×768 141 KB

4

Can you share the UV maps? Material nodes looks ok to me.

5

333333
3333331308×768 47.9 KB

6

And there problems with numbers

numbercompare
numbercompare1366×768 78 KB

7

UVmap
UVmap1366×768 61.3 KB

8

Solution is easy, anisotropy was 1, but has to be 16, code below solve this issue:

const maxAnisotropy = renderer.capabilities.getMaxAnisotropy();
for(let i = 0; i < gltf.scene.children.length; i++){
                                    if(gltf.scene.children[i].isMesh === true && gltf.scene.children[i].material.map !== null){
                                        gltf.scene.children[i].material.map.anisotropy = maxAnisotropy;
                                    }
                            }

but with numbers isn’t work yet

9

how to fix vertices, and get smooth number ? after export from blender to three.js

numberPallet
numberPallet1366×768 89.5 KB

10

how to get more rounded zero?
more smooth 2?

11

This is more a Blender question than a three.js question, you will have better luck asking in Blender forums and checking the model against any available glTF viewer before bringing it into three.js.

My guess: Text must be converted to a mesh to export out of Blender. Doing so requires choosing settings about resolution, and the exporter cannot always guess them correctly. Try to convert the text to a mesh in Blender yourself, before exporting, which will give you more control over the chosen resolution. There are settings to control it in the text panel in Blender’s sidebar.

12

Yeah, before you answer, i did yesterday the same things, change text to mesh, and it works!
But if I want change text, I have to start from beginning.

first solution for my problem was:
Anisotropy was 1, after changes become 16

				
	const maxAnisotropy = renderer.capabilities.getMaxAnisotropy();
	for(let i = 0; i < gltf.scene.children.length; i++){
	if(gltf.scene.children[i].isMesh === true  && gltf.scene.children[i].material.map !== null){
			gltf.scene.children[i].material.map.anisotropy = maxAnisotropy;	
									}
							}

second solution:
Change text to mesh

13

Not sure that’s avoidable, but if the Blender exporter is not using the settings on the Text option when exporting then maybe that would be a feature request for GitHub - KhronosGroup/glTF-Blender-IO: Blender glTF 2.0 importer and exporter.

Anisotropy was 1, after changes become 16

THREE.GLTFLoader only ever uses the default texture.anisotropy settings, so I don’t think that changes in your Blender scene should affect what is loaded here.