자바 스크립트 프레임 애니메이션

Question

html Canvas에서 단지 4 프레임의 스프라이트를 애니메이트하고 싶습니다. 나는 아래와 같은 방법을 발견했다. AS3 및 C# 배경에서 오는 것은 복잡한 코드이므로 아래 코드와 같이 정말로 사용하지 않았습니다. 나는이 코드를 작업하기 위해 몇 시간 동안 여기에있을 것이다. 몇 가지 프레임을 애니메이트하는 더 쉬운 방법이 있을까요 아니면 JS가 단지 '오래되었습니다'. 이 캔버스를 지우고, 기본적으로 모든 X의 MS라고하는 루프의 http://creativejs.com/2012/01/day-11-sprite-sheets/

및

Answer 1

이 당신을 도울 수 , 사용하기 쉽습니다. 여기 예가 있습니다.

$('#bird') 
    .sprite({ 
    fps: 9, 
    no_of_frames: 3 
}) 
    .spRandom({ 
    top: 50, 
    bottom: 200, 
    left: 300, 
    right: 320 
}); 

Answer 2

이 라이브러리 http://www.spritely.net/documentation/에서보세요 순서에서 새 이미지를 그립니다

http://codeutopia.net/blog/2009/08/21/using-canvas-to-do-bitmap-sprite-animation-in-javascript/