I am currently working on exporting a JSON file from Blender and then rendering it using three.js. As my base code, I have used the following reference: https://github.com/jpetitcolas/webgl-experiments/tree/gh-pages/01-rotating-mesh
Initially, when I run the code as it is, everything works perfectly fine. However, upon trying to export the same Blender object using the Blender exporter, I noticed that three.js seems to ignore the materials. You can refer to the image below:
https://i.sstatic.net/ieIde.png
The original export in the example appears correct: https://i.sstatic.net/zaDW4.png
I have utilized the following export settings:
https://i.sstatic.net/jwVEp.png
Here is the exported JSON file which seems to be causing issues: https://pastebin.com/dWWWT2yG
{
"materials": [
{
"transparent": false,
"colorEmissive": [0, 0, 0],
...
}
],
"uvs": [],
"faces": [35, 110, 25, 2, ...],
"vertices": [1, -1.31185, -1, ...],
"normals": [0, -1, 0, ...],
"metadata": {
"version": 3,
"materials": 6,
...
}
}
I have employed the latest three.js exporter for Blender in combination with Blender version 2.76.
Could you please point out what might be going wrong with my export process?