I am facing an issue with a model that I created in Blender 2.76b and exported to json for use with three.js 71. When viewed in Blender, the model looks fine. However, when displayed in webGL, the model appears completely black. I suspect that it might have something to do with the textures, but I am not entirely sure. This particular model is complex, created in Maya and exported as an fbx file. I have tested simpler models with different textures and did not encounter any problems, but there seems to be an issue with this specific one.
Any suggestions or insights would be greatly appreciated.
Here is the link to the json file:
Below is the code snippet:
<!DOCTYPE html>
<html lang="en">
<head>
<title>MultiLoader</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<style>
body {
font-family: Monospace;
background-color: #000;
color: #000;
margin: 0px;
overflow: hidden;
}
#info {
text-align: center;
padding: 10px;
z-index: 10;
width: 100%;
position: absolute;
}
a {
text-decoration: underline;
cursor: pointer;
}
#stats { position: absolute; top:0; left: 0 }
#stats #fps { background: transparent !important }
#stats #fps #fpsText { color: #aaa !important }
#stats #fps #fpsGraph { display: none }
</style>
</head>
<body>
<div id="info">MultiLoader Testing</div>;
<script src="build/three.js"></script>
<script src="js/OrbitControls.js"></script>
<script src="js/Detector.js"></script>
<script src="js/libs/stats.min.js"></script>
<script src="js/ColladaLoader.js"></script>
<script src="js/OBJLoader.js"></script>
<script>
// JavaScript code will go here
</script>
</body>
</html>