Despite trying numerous methods, nothing seems to be working. Upon examining the lighting documentation, I am unable to get it to function properly. It's quite puzzling how my object is visible even without any lights being added. This might be the root cause of the issue, although I can't say for certain. At least I was able to establish a simple scene with basic geometry.
I am aiming for a dimly lit scene with a spotlight shining on the sphere.
http://jsfiddle.net/3dnx7L3m/4/
Even after adding a spotlight, there doesn't seem to be any actual light emitted. Perhaps I need to set up ambient lighting before introducing the spotlights.
var light = new THREE.PointLight( 0xff0000, 1, 100 );
light.position.set( 50, 50, 50 );
scene.add(light);
How do you darken the canvas and incorporate proper lighting as described in the documentation?