No materials in imported json object

[AndWho]

Hi,
When importing a json file, previously exported from Blender, I get no materials. See json file and screen dumps here: https://drive.google.com/open?id=1VYETVa6SXCQhFp7Hrql9qEbFGQUeFLAU
/A

[zli]

Hi

The json importer may has capability issue, please use some other well supported formats, like FBX.

Thanks

[AndWho]

Hi,
Problem is I do not have the material in any other format than json.
My task at hand is to do small mods to existing json objects..Simple "json -> edit -> json" seems to be not that simple at all.
/A

[zli]

Hi,

I took a look into the json file, it seems there is no data about which material should be assigned on which faces. I think that's the root issue.
One way you can do is to use a 3D software like blender to read your json model and export the fbx file(I don't think it works since the original file doesn't contain the correct material information).
And another thing you can do is creating the materials and assign them to the facet, since you only have one mesh, you need to use mulit-material https://clara.io/learn/user-guide/lighting_shading/materials/material_types/multi_id, check this doc for details.

Thanks

[AndWho]

OK, thanks for your effort looking into this.
How is it then even possible for Three.js and WebGL/Node.js to render the correct colors/materials in the BFC app with this json input? Full set of sources here: https://github.com/betaflight/betaflight-configurator

I am all new to all this js,, Node, WebGL, Three, json, etc etc. I give up trying to do this quick simple fix
/A

[zli]

Hi

For this file you provided, I think something wrong with the exporter of your 3d software, it doesn't export the necessary material data for us to read, that's the problem.

Thanks

[AndWho]

Yes, something is not right in the 3D model.
There are some special coding in the BFC app to handle materials, probably to work around and "fix" what is wrong in the model. Lets just close this issue and forget about it.
Thanks again for looking into this.
/A

......
loader.load('./resources/models/' + model_file + '.json', function (geometry, materials) {
    var modelMaterial = new THREE.MeshFaceMaterial(materials),
        model         = new THREE.Mesh(geometry, modelMaterial);
.....