Three.JS TWEEN 개체를 다른 개체 속도로 이동

Question

개체를 다른 개체로 이동하는 게임을 만듭니다.

포인트의 위치가 다르기 때문에 객체가 각 포인트로 다른 속도로 이동한다는 것이 문제입니다.

피사체의 속도를 항상 같은 지점으로 만들려면 어떻게해야합니까?

Answer 1

일반적으로, 다음과 같이 표시됩니다

var speed = 5; // units a second, the speed we want 
var currentPoint = new THREE.Vector3(); // we will re-use it 


// this part is in a function of event listener of, for example, a button 
currentPoint.copy(cube.position); // cube is the object to move 
var distance = currentPoint.distanceTo(destinationPoint.position) 
var duration = (distance/speed) * 1000; // in milliseconds 
new TWEEN.Tween(cube.position) 
    .to(destinationPoint.position, duration) // destinationPoint is the object of destination 
    .start(); 

jsfiddle 예. tweening() 기능을 살펴보십시오.