有时候为了减小js文件大小,可能不需要用createjs框架,那这种情况下怎么画html5的动画呢,sprite_sheets跳出来了:Y别当我是空气啊:)
sprite_sheet.png
[code]
/**
* ...canvas 加载sprite_sheet
* @author amyflash.com
*/

(function() {
var ctx = document.getElementById("canvas").getContext("2d");
var count = 0;
var x;
var y;
var xpos=0;
var ypos=0;

var img=new Image();
img.src = "sprite_sheet.png";
img.onload = draw;
function draw()
{
requestAnimationFrame(draw);
//ctx.clearRect(0,0,212,201);
ctx.clearRect(0,0,800,600);

x = (count%9)*212;
y = Math.floor(count/9)*201;
ctx.drawImage(img,x,y,212,201,xpos++,ypos++,212,201);
if(count==149)
{
count=0;
}else{
count++;
}
}
})();
[/code]