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);});