跳到正文

【JavaScript进阶】利用HTML5中的Canvas实现小球运动的Animation动画模型实现思路

主要源码如下: 实现小球的运动
其中实现代码的:drawBackGround(), update(),draw()是Animation动画模型不可缺少的三部分。 drawBackGround():实现游戏背景的绘制 update():不断修改人物或者精灵的状态坐标; draw(); 实现精灵的绘制 Animation():这个函数是一个主循环,实现了游戏场景的实时绘制更新; 函数原型如下: function animate(){ canvas.clearRect(0, 0, canvas.width, canvas.height); drawBackground(); update(); draw() }

评论

填写昵称与邮箱即可评论,无需登录。

推荐阅读