2013-01-31 1 views
2

우리는 영향을받은 게임을 개발하고 있습니다.이 게임을 사용하면 클릭 한대로 엔티티를 '연결'할 수 있습니다. 기본적으로 이것은 네온 광선 효과와 함께 두 점 사이에 선을 그립니다. 여태까지는 그런대로 잘됐다. 이제 '연쇄'연결을 애니메이션으로 만들도록 요청했습니다. 즉, 불, 반짝임 등입니다. 실제 그래픽 애니메이션이 제대로 보이려면 본질적으로 문제가있는 것 같습니다. 엔티티가 서로 거리/각도를 가질 수 있기 때문에 우리는이를위한 최상의 솔루션을 구현하는 방법, 즉 대각선 이미지를 그리는 방법을 고집합니다. 예를 들어 애니메이션을 적용 할 수있는 임의의 두 지점 사이를 대각선으로 그립니다. 이 문제를 해결하는 방법에 대한 모든 의견은 많은 도움이 될 것입니다.HTML5 캔버스에서 두 객체 사이의 경로에 애니메이션 적용

답변

1

필요한 애니메이션/입자 효과가 포함 된 애니메이션 시트가있는 입자 엔티티를 만들 수 있습니다. 그리고 나서 점 A에서 점 B까지 줄을 따라이 입자들을 그립니다.

화재/반짝임 등을 위해 그것을 움직이기를 원할 때 모든 엔티티에 대한 애니메이션을 실행하십시오. 그 줄에.

관련 문제