HTML5 캔버스 게임 어려움을 만드는 여러 객체에 대한 setTimeInterval

Question

처음으로 HTML5 캔버스 게임을 만들었습니다. 그것의 타워 방어 게임, 그래서 기본적으로 경로를 사용하여 날아 클래스 "적"에서 적 개체의 배열을했습니다. 그 다음 나는 또한 그들이 가까이에 올 때 그들을 죽이는 클래스 "타워"로부터의 타워 객체의 배열을 가지고있다.

복수의 적을 이동시키고 타워에서 발사하는 두 가지 작업에 대해 아래의 setInterval을 사용하여 상태를 변경하고 각 클래스의 인스턴스에서 set intervall을 사용하여 애니메이션을 독립적으로 실행합니다. _thatTower.attackInterval = setInterval (function() ... 여기에서 화재 코드 ...}, 50); 내가 직면하고

어려움

내가이 독립적으로 작업 할 ..이 setIntervals 함께 결합 할 다른 인스턴스와 몇 차례에 섞어 하나하지만 독립적이지 모든 적 응답을 재생하는 경향이있다. 나는 이것에 대한 두 가지 견해를 가지고있다. - 1. 동일한 클래스의 다른 인스턴스에 대해 setintetval을 사용하는 것이 더 좋은 방법이다. 2. 또는 할 수 있습니다 setinterval 이러한 장소에서 사용하는 옳은 일이 아닙니다 .. 내게 캔버스에 내 경우처럼 우리가 독립적으로 많은 것을 어떻게 움직이는 지 알려주시겠습니까 ?? 당신은 애니메이션이 마지막으로 변경된 시간을 저장하는 값을 저장한다 사전

Answer 1

에

감사합니다. 게임 루프에서 게임 개체를 반복하고 (이 값은 각 개체에 첨부됩니다) 그에 따라 애니메이션 상태를 업데이트합니다. 이것은 다른 언어에 대해 취해진 전통적인 접근법이며 많은 타이머보다 조금 더 명확합니다.