1、轮播序列帧
2、canvas API :drawImage() globalAlpha Sava Restore
3、如何添加鼠标事件
循环调用gameloop方法总结：
requestAnimFrame(function(){});根据电脑性能确定循环间隔,动态变化的值
setTimeout(function(){},time);
setInterval(function(){},time);
drawImage(img,x,y,width,height)x轴正方向向右，y轴正方向向下，(0,0)在canvas左上角。
轮播序列帧
drawImage(img,sx,sy,swidth,sheight,x,y,width,height)
sx,sy图片上的起始坐标，swidth,sheight图片的宽度和高度，x,y在canvas上的起始坐标，width,height在canvas上的宽度和高度。
globalAlpha全局透明度
save()/restore()制作用于只限于某一图片的任何属性，对其外部的任何东西都不起作用，也即作用于globalAlpha,让其在画星星的时候使用，之后不做用于其他操作。
