Canvas 帧动画小游戏(吃苹果)

先看页面效果。下面四个按钮分别表示开始、结束、暂停、继续
Canvas 帧动画小游戏(吃苹果)_第1张图片

帧动画的实现,关键是Canvas API ctx.drawImage() (9个参数)和 setInterval 定时器。
设置图片的视图窗口,每次执行定时任务,位移展示下一帧图片。

直接上代码,Ctrl+C/V 即插即用



    
        
        帧动画
    
    
        
        

你可能感兴趣的:(前端,canvas,javascript,html5)