This is the results from the code below, no sphere appearing in the canvas whatsoever.
![image](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/6/9/69cbe332710f5efb773c5cc86ed52aca1869a3e6.png)
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 color:0xff00ff