シーンにライトを追加しても効果がありません

Question

私はThree.JSで遊んでいたばかりでしたが、始めに立ち往生しています。シーンにライトを追加しても効果はありません。

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() 

また、解析済みのjsを使用してjs fiddleを作成しました。

Answer 1

MeshBasicMaterialは照明をサポートしていませんので、材料を変更する必要があります。照明をサポートする基本的な材料はMeshLambertMaterialです、私はupdatedあなたのjsfiddleを持っています。

さらに詳しい例： http://mrdoob.github.com/three.js/examples/canvas_lights_pointlights.html