애니메이션을 새로 고칠 수 있습니다. 이질적인 RaphaelJS를 사용하여 연결

Question

최근에 RaphaelJS로 게임을 시작했습니다. 이질적인 Raphael 객체 그룹을 애니메이트하는 가장 쉬운 방법을 찾거나 유사한 방법을 찾으려고합니다.

은 내가 http://jsfiddle.net/maraujop/Prckt/

건에 노력하고있어 기본적인 예를 설정 한 나는 누군가가 그것을 클릭 한 후 스나이퍼 범위는 대상 (파란색 원)을 수행 할 것입니다. 현재 스나이퍼 범위는 클릭 할 때 표적의 위치로 이동하지만 따라 가지 않습니다.

물론 animateAlong 목표와 동일한 경로를 사용하는 저격 범위가 될 수 있지만 (일반 해킹이 아닌 해킹이 될 수 있음) 목표물이 무작위로 움직인다 고 상상해보십시오. 저격자를 원이 움직이는 곳으로 다시 그려야합니다. .

onAnimation에 animateAlong을 사용할 수없는 것 같습니다 (지나치게 많을 수도 있습니다.). 그래서 저의 올바른 방법은 저격수를 단일 SVG 경로로 바꾸고 attr 또는 translate을 사용하는 것입니다.

누군가가이 문제에 대해 밝힐 수 있습니까? 고마워

Answer 1

이 문제를 해결하는 방법 중 하나는 Raphael 개체 그룹을 만들어 동일한 방향으로 독립적으로 이동하는 것입니다.

두 번째 방법은 상대 경로를 사용하고 경로를 업데이트하여 타이머를 사용하여 경로를 다시 그리는 것입니다.