I am currently facing a challenge with Open/WebGL as I try to display textures/skins from a Blender model in three.js. Despite confirming the successful download of texture files through Chrome's Network tab, they do not appear when rendered.
My approach involves using the webgl_loader_collada.html example to import a 3D model from Blender into three.js. Specifically, I am working with the MESSENGER model offered on the NASA website. For more NASA 3D models, check out their full gallery here.
Here are my current steps:
- Download and open the model in Blender
- Select File -> Export -> Collada (.dae)
To visualize the model:
- Edit a duplicate of threejs/examples/webgl_loader_collada.html to link to the exported .dae file
- Remove the scaling at line 59.
Upon exporting from Blender with default settings, the rendering appears without any textures. Enabling "Include Material Textures" results in gold coloring on the main part of the model, while other textures are missing and solar panels turn black. Alternatively, checking "Include UV Texture" leads to an all-gray rendering with no textures.
I also experimented with the three.js JS exporter plugin for Blender, but encountered a JS exception stating "Cannot read property 'opacity' of undefined."
Do you think this issue lies in the translation process or the original model itself? If it's the latter, how can I address the problem with the source model or its exported version?
Thanks, - David