Blender model image material is missing in ThreeJS

malqanis · June 25, 2022, 3:31pm

I created some blender model which I exported to use in Three Js. This is model in question

But when I import it in ThreeJs image that was on my screen material in blender is missing from ThreeJS:

How can I fix this?

donmccurdy · June 25, 2022, 3:38pm

You’ll need to share a screenshot of the material configuration in Blender, not just the viewport. Most materials in Blender cannot be exported to any format — you need to use Principled BSDF materials and follow the guidelines for export (or bake everything to unlit) to get the same results on export.

https://docs.blender.org/manual/en/latest/addons/import_export/scene_gltf2.html

malqanis · June 25, 2022, 4:21pm

@donmccurdy I used Emission

donmccurdy · June 25, 2022, 5:03pm

Maybe test in a viewer? https://gltf.report/

That configuration seems to work for me in Blender 3.0.0 but if it’s not working you may need to follow the emission docs here more strictly.

Topic		Replies	Views
Cant export material from blender (gltf) Questions materials , gltf-loader	3	1166	January 22, 2020
I have export model from blender and view it in threejs viewer ( windows, visual studio, online websites ), the rendered model in threejs has all the texture wrong Questions textures , materials , gltf-loader	1	1125	July 24, 2023
Loading a Principled BSDF texture into threejs from blender not working Questions textures , blender-exporter	3	933	February 10, 2023
A big difference between the render in blender and in gltf loader/viwer Questions textures , materials , lighting , shaders , gltf-loader	5	1546	August 21, 2022
Not able to export material and texture into three.js from blender Questions blender-exporter	1	641	February 19, 2019

Blender model image material is missing in ThreeJS

Related topics