HTML5 精灵8方向移动+背景滚动+音效播放+鼠标事件响应
摘要:
如何清空画布通过调用函数ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);如何实现背景滚动首先我们准备了一张2532*940的背景图片。我们规定画布的大小是1000*600。因此我们的画布背景其实是背景图片的一个截图。在每一帧当中,我们通过向左边移动截图窗口一定的距离,就可以制造处屏幕不断向右滚动的效果。如何绘制精灵和背景图片通过调用函数context.drawImage(image,sx,sy,sw,sh,dx,dy,dw,dh)函数说明将一个由(image)指定的IMG 元素以(sx, sy, sw, sh)裁剪并缩放绘制到当 阅读全文
posted @ 2013-08-25 21:54 新一 阅读(687) 评论(0) 推荐(0)
浙公网安备 33010602011771号