This is the results from the code below, no sphere appearing in the canvas whatsoever.
add a controls to your camera and move around to see if something is missing
Or start from a working docs example and work backwards adding one item at a time
Are you updating your renderer in animate ?
Please, try a stronger light:
var light = new THREE.PointLight( 'white', 100, 100 );
Also, instead of
color:'ff00ff' in the sphere’s material use