前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >纯Canvas绘制绘制小恐龙向前冲游戏(Vue3版本的升级版)

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

作者头像
用户9999906
发布2022-12-22 18:47:23
4850
发布2022-12-22 18:47:23
举报
文章被收录于专栏:学编程的GISer学编程的GISer

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给我留言你的解决思路,感谢!

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2022-10-31,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 学编程的GISer 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • canvas绘制小恐龙游戏
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档