Loading a .obj file all black <p>I've successfully loaded a 3d model that I triangulated using Blender. Trouble is its all black and I can't figure out how to get it to show color or textures.</p> <p>I have an ambient light initialized like this:</p> <p>function init() { scene = new THREE.Scene;</p> <pre><code>camera = new THREE.PerspectiveCamera( 75, (window.innerWidth) / (window.innerHeight), 1, 10000); camera.position.x = 500; camera.position.z = 100; camera.lookAt(new THREE.Vector3(0, 0, 0)); camera.rotateZ(90 * Math.PI / 180); scene.add(new THREE.AmbientLight(0xffffff)); populate(); renderer = new THREE.WebGLRenderer(); renderer.setSize(window.innerWidth, window.innerHeight); renderer.render(scene, camera); document.body.appendChild(renderer.domElement); document.addEventListener('keydown', function(event) { keydown(event); }); </code></pre> <p>}</p> <p>Here's the .mtl that goes with the .obj Blender MTL File: 'mq9.blend' Material Count: 4</p> <p>newmtl Material__69 Ns 9.803922 Ka 0.000000 0.000000 0.000000 Kd 0.225882 0.225882 0.225882 Ks 0.900000 0.900000 0.900000 Ni 1.000000 d 1.000000 illum 2</p> <p>newmtl _6___Default Ns 19.607843 Ka 0.000000 0.000000 0.000000 Kd 0.800000 0.800000 0.800000 Ks 0.900000 0.900000 0.900000 Ni 1.000000 d 1.000000 illum 2</p> <h1>map_Kd missile.jpg</h1> <p>newmtl mq_9 Ns 31.372549 Ka 0.000000 0.000000 0.000000 Kd 0.800000 0.800000 0.800000 Ks 0.990000 0.990000 0.990000 Ni 1.000000 d 1.000000 illum 2</p> <h1>map_Kd predator.jpg</h1> <h1>map_Bump predator_Normal.jpg</h1> <p>newmtl mq_90 Ns 31.372549 Ka 0.000000 0.000000 0.000000 Kd 0.800000 0.800000 0.800000 Ks 0.990000 0.990000 0.990000 Ni 1.000000 d 1.000000 illum 2</p> <h1>map_Kd predator.jpg</h1> <h1>map_Bump predator_Normal.jpg</h1> <p>The various .jpgs are all found but for some reason they don't seem to be rendering by three.js. I'm wondering if the jpgs need to be modified somehow to reflect the triangulation?</p> <p>Screenshot: <img src="https://i.stack.imgur.com/NwunH.png" alt="enter image description here"></p>