Three.JS GLTF Model exported from editor, bump map not rendering

Questions
,
1

I made a 3d model in three js editor with bump maps and exported with GLTF Format but when i loaded it in three js using GLTFLoader() bump maps were not working here is the code i wrote to load model …

Gltf.load("locals/scene.gltf",function(gltf){
	gltf.scene.scale.set(10,10,10)
	gltf.scene.position.set(10,40,10)
	scene.add(gltf.scene)
})

Help me :slightly_smiling_face:

2

what editor do you use and what are your export settings? Can you show a screenshot?

4

The glTF format does not allow bump maps. You’ll need to use a normal map instead. It’s possible to convert one to the other in Blender: https://blender.stackexchange.com/questions/56638/how-to-generate-a-normal-map-from-a-bump-map.

1 Like
5

its good to know , do Collada and STL Model files support bump mapping ?

6

the model exported from three js editor is here

Screenshot%20(20)
Screenshot%20(20)1366×768 314 KB

and the output was unexpected …

Screenshot%20(21)
Screenshot%20(21)1366×768 382 KB

7

STL does not support materials at all. And Collada does only support bump maps via extensions. However, THREE.ColladaExporter does not support it and THREE.ColladaLoader does only support loading normals maps.

8

There is any type of 3d model which can export bump maps ???

9

I think FBX and OBJ+MTL would support bump maps, but I wouldn’t be able to tell you what software can export them with the bump map included.

Note that bump maps are functionally equivalent to normal maps, and one can be converted to the other in programs like Blender. It’s probably better and easier to use a normal map, if you can.

1 Like
10

Thanks dude , your reply is too useful :crown: