纯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给我留言你的解决思路,感谢!
相关文章
- [javaEE] Servlet的调用过程和生命周期
- [javaEE] Servlet的手动配置
- [javaEE] HTTP协议总结
- [javaEE] web应用的目录结构&配置虚拟主机
- [javaEE] Tomcat的安装与配置
- 「Docker学习系列教程」9-Docker容器数据卷介绍
- 安全运维 | tcprepaly工具的安装与使用!
- 10个 解放双手的 IDEA 插件,少些冤枉代码
- 安全运维 | iptable使用详解
- 「JDK」解析 String str=““与 new String()
- 论文/代码速递2022.12.9!
- 新书《Pytorch深度学习之目标检测》!干货预览
- CVPR2022论文速递2022.7.4!最新成果demo展示
- ECCV&CVPR论文速递2022.7.5!最新成果demo展示
- ECCV2022 &CVPR2022论文速递2022.7.6!
- ECCV2022 &CVPR2022论文速递2022.7.7!
- ECCV2022 &CVPR2022论文速递2022.7.8!
- ECCV2022 &CVPR2022论文速递2022.7.11!
- ECCV2022 &CVPR2022论文速递2022.7.12!
- 阿里巴巴资深架构师深度解析微服务架构设计之SpringCloud+Dubbo