예제 이벤트가 있는 애니메이션

이벤트가 있는 애니메이션

이 예제는 loop()noLoop()를 사용하여 애니메이션을 일시정지하고 재개하는 방법을 보여줍니다.

마우스를 클릭하면 애니메이션 반복이 전환됩니다. 애니메이션 반복이 정지되면, 사용자는 아무 키나 눌러 한 프레임을 넘길 수 있습니다. 참고: 키를 누르는 이벤트가 제대로 전달되기 위해 캔버스에 포커스를 두려면 사용자는 그 캔버스를 클릭해야 합니다.

하나의 프레임을 넘기기 위해서는 redraw()를 호출할 수 있는데, 이 때 draw() 함수가 한 번 호출됩니다.