html5+canvas+javascript开发打灰机小游戏

最新推荐文章于 2023-05-05 23:15:57 发布

VIP文章 miao淼

最新推荐文章于 2023-05-05 23:15:57 发布

阅读量716

点赞数

分类专栏： HTML5+JS游戏开发练习笔记

本文链接：https://blog.csdn.net/wujimiao/article/details/68219698

版权

今天不出太阳，整个人都有点颓废。为了我的大前端计划，不得已找点代码练练手。

打灰机是很早就流行的手机游戏，那时候智能手机还很贵，我还是学生一枚。现在出来工作了，发现别人写的打灰机游戏，然后游戏逻辑很差劲的我，开始了学习之路。

游戏使用html5+canvas+javascript写成，效果一般，游戏逻辑略坑。

可能下次就不再进行游戏练习了，按照计划，得闷头扎进bootstarp zepto vue中去。按照原计划，学会使用它们，了解它们的API，然后开始啃zepto的源码。提高原生js能力，势在必得！

打灰机游戏唯一难点，子弹。

子弹这里我采用的是不成熟的做法，建立坐标对象数组（感觉建立子弹对象好过子弹坐标对象）{x:0,y:0} 然后插入坐标数组，这样就得到指定的子弹数量，然后按照一定间隔取出子弹，画出子弹。

html代码

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>javascript版打灰机小游戏</title>
	<style type="text/css">
		#fly{width: 600px;height: 600px;margin: 0 auto;}
		#can{background: #c3c8ca;box-shadow:15px 15px 10px #888;}
	</style>
	<script type="text/javascript" src="js/selfPlane.js"></script>
	<script type="text/javascript" src="js/bullets.js"></script>
	<script type="text/javascript" src="

最低0.47元/天解锁文章

miao淼

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
html5+canvas+javascript开发打灰机小游戏

今天不出太阳，整个人都有点颓废。为了我的大前端计划，不得已找点代码练练手。打灰机是很早就流行的手机游戏，那时候智能手机还很贵，我还是学生一枚。现在出来工作了，发现别人写的打灰机游戏，然后游戏逻辑很差劲的我，开始了学习之路。游戏使用html5+canvas+javascript写成，效果一般，游戏逻辑略坑。可能下次就不再进行游戏练习了，按照计划，得闷头扎进bootstarp zepto
复制链接

扫一扫