zl程序教程

您现在的位置是:首页 >  Java

当前栏目

纯Canvas绘制绘制小恐龙向前冲游戏(Vue3版本的升级版)

2023-02-18 16:38:32 时间

canvas绘制小恐龙游戏

关注我的老粉肯定知道到,这是之前我用vue3+css做的一个很简单的小恐龙向前冲游戏:

后来学了canvas,才知道用canvas实现这个游戏会更简单,所以我用canvas重绘了这个游戏,如果之前的版本算0.1的话,用canvas画的这个可以作为1.0版本。

游戏里面除了按钮是button元素,其他所有能看到的都是拿canvas绘制的,并且整合进来了上一期用canvas绘制的小恐龙动画,同时参考了Google自带的小恐龙游戏,给游戏界面添加了一个云朵的背景,让小恐龙看上去更像是往前奔跑:

是不是游戏界面比之前的Vue3版本看起来更舒服了?

但是这里也有一个我一直不会修复的bug:小恐龙跃起之后如果再点击矩形框,小恐龙会出现卡顿,紧接着会连续跳跃?:

这个bug也是让我很是头疼?。。不过除了这个bug其他的都还可以,想摸鱼的时候可玩一下哈哈

项目的源码我放到了GitHub上(地址:https://github.com/123pzy/dinoGame.git),如果有小伙伴会能够帮我debug,欢迎从GitHub上clone下来,或者在GitHub给我留言你的解决思路,感谢!