발사체의 궤도 호 계산

Question

화면에서 이미지를 원호로 이동하려고합니다 ... 깜박이는 새 발사기를 생각해보십시오. 이미지는 화면 왼쪽 하단에서 시작됩니다. '시작'을 선택하면 시작된 것처럼 화면을 가로 질러 호를 움직이거나 움직 이길 원합니다.

선형 (오른쪽 및 오른쪽) 궤적으로 이미지를 움직일 수는 있지만 이미지를 커브로 만들고 떨어 뜨리는 방법을 알 수는 없습니다.

이미지는 화면 왼쪽 하단에 배치됩니다.

left += 10; 
top -= 10; 
$image.animate({left: '' + left + 'px', top: '' + top + 'px' }); 

Answer 1

트랙 속도뿐만 아니라 위치하십시오 내가 가진 모든 0.01 초 실행의 setTimeout 방법 내부

.

const GRAVITY = 2; // acceleration due to gravity, in pixels/tick 
x = 0; 
y = 0; 
deltaX = 10; 
deltaY = -10; 

function tick() { // your setTimeout method 
    x += deltaX; 
    y += deltaY; 
    deltaY += GRAVITY; 
    $image.animate({left: `${x}px`, top: `${y}px` }); 
}