점차적으로 2D 객체 접근 속도 감소

Question

나는 웹 사이트에서 객체 접근 방식을 점차적으로 늦추기위한 좋은 알고리즘을 생각하고 있습니다.

내 웹 사이트에서 새로운 개체를 소개하고 화면 외부에서 원하는 위치로 이동해야합니다. 그러나 나는 그들이 일정한 속도로 오길 바라지 않는다. 그러나 나는 그들이 원하는 위치에 마침내 멈출 때까지 천천히 천천히 기원한다.

이렇게하면 웹 페이지에서 부드러운 느낌을 더할 수 있습니다.

개체의 원래 지점과 대상 지점 사이의 거리에 관계없이 사용할 수있는 좋은 알고리즘이 있습니까?

Answer 1

"완화"로 알려져 있으며 대부분의 애니메이션 프레임 워크는이를 지원합니다. ExtJS 또는 jQuery와 같은 것을 사용할 수 있다면 애니메이션에 대한 무료 지원을받을 수 있습니다. 수동으로 작업하는 경우 여유를주는 것이 그렇게 어렵지 않습니다.

저는 ActionScript로 작성되었지만 쉽게 JavaScript로 이식 된 these easing implementations을 꽤 좋아했습니다. 내 게임 엔진에 큰 성공을 거두었습니다. 그리고 여기에 좋은 이완 기능을 보여주는 demo page가 있습니다.