2014-11-09 2 views
1

개체에 불을 붙이고 카메라를 향해 트위닝하고 빛이 트윈을 따라 가도록하기 위해 고생하고 있습니다.Three.js light object3d and tween

기본적으로 배경을 어둡게하고 3D 오브젝트를 카메라쪽으로 트위닝하고 방향 조명을 설정하여 멋지고 매끄럽고 균일 한 조명을 얻고 싶습니다. 내가 객체에 추가

방향 표시등이 표시되지 않습니다, 내가 해봤 최신입니다

var directionalLight = new THREE.DirectionalLight(0xffffff, 1); 
    directionalLight.position.set(0, 0, -100); 
    directionalLight.lookAt(object); 
    directionalLight.shadowCameraVisible = true; 
    object.add(directionalLight); 

는 또한, 카메라 근처에 PointLights을 시도 일 이런 종류의 적이 있지만 그것은 매우 날카로운 빛이며 매끄럽지 않고 모든 물체를 똑같이 비추는 것처럼 보이지 않습니다.

hslight1 = new THREE.PointLight(0xffffff,0.9,100); 
    hslight1.position.set(0,10,0); 
    scene.add(hslight1); 
hslight2 = new THREE.PointLight(0xffffff,0.9,100); 
    hslight2.position.set(0,0,0); 
    scene.add(hslight2); 

누구나 같은 것을 사용하는 방법에 어떤 아이디어를 얻기에 균일하게

var dist = (size/screen) * (object.scale.x * 2); 

    var pLocal = new THREE.Vector3(0, 0, -dist); 
    var target = pLocal.applyMatrix4(camera.matrixWorld); 
    var tweenMove = new TWEEN.Tween(object.position).to(target,  1500).easing(TWEEN.Easing.Cubic.InOut); 
    tweenMove.onUpdate(function(){object.lookAt(camera.position);}); 

답변

0

이 고정 사용하여 카메라를 향해 트위닝되는 object3D 빛 카메라에 빛을 추가하여

camera.add(light);