ক্যানভাস সহ HTML5 এ ফ্রেম বাই ফ্রেম অ্যানিমেশন

ক্যানভাসের সাথে HTML5 এ ফ্রেম অ্যানিমেশন দ্বারা একটি ফ্রেম তৈরি করতে, নিম্নলিখিত কোডটি চালানোর চেষ্টা করুন:

var myImageNum = 1;
var lastImage = 5;

var context = canvas.getContext('2d');
var img = new Image;

img.onload = function(){
   context.clearRect( 0, 0, context.canvas.width, context.canvas.height );
   context.drawImage( img, 0, 0 );
};

var timer = setInterval( function(){
   if (myImageNum > lastImage){
      clearInterval( timer );
   }else{
      img.src = "images/left_hnd_"+( myImageNum++ )+".png";
   }
}, 1000/15 );