L'aggiunta di luce alla scena non ha effetto

Question

Stavo iniziando a giocare con Three.JS ma sono bloccato all'inizio. Quando aggiungo una luce alla scena, non ha alcun effetto.

renderer = new THREE.WebGLRenderer() 
camera = new THREE.PerspectiveCamera 45, # View Angle 
    800/640, # Aspect 
    0.1, # Near 
    10000 # Far 

camera.position.z = 300 

scene = new THREE.Scene() 
renderer.setSize 800, 640 

document.body.appendChild(renderer.domElement) 

createSphere = (radius = 50, segments = 16, rings = 16) -> 
    sphere = new THREE.SphereGeometry(radius, segments, rings) 
    material = new THREE.MeshBasicMaterial { 
    color: 0xCC000F, 
    shading: THREE.SmoothShading, 
    ambient: 0x555555, 
    specular: 0xffffff 
    } 

    new THREE.Mesh sphere, material 

light = new THREE.PointLight(0x0040ff) 
light.position.x = 10 
light.position.y = 50 
light.position.z = 300 
light.intensity = 0.1 

object = createSphere() 
scene.add new THREE.AmbientLight(0x0000F0) 
scene.add light 
scene.add object 

draw = -> 
    time = new Date().getTime() * 0.0005; 
    light.position.x = Math.sin(time * 0.7) * 30 
    object.rotation.x += 0.02 
    renderer.render scene, camera 
    requestAnimationFrame draw 

draw() 

Ho anche creato un js fiddle con i js analizzati.

Answer 1

MeshBasicMaterial non supporta l'illuminazione, si dovrebbe cambiare il vostro materiale. Un materiale di base che supporta l'illuminazione è MeshLambertMaterial, ho updated il tuo jsfiddle.

Esempio più dettagliato: http://mrdoob.github.com/three.js/examples/canvas_lights_pointlights.html