通过js开发一个简单的小游戏，《狼来了，快跑》：通过js开发一个简单的小游戏

原标题：通过js开发一个简单的小游戏，《狼来了，快跑》
大家好，我是杨数Tos ，这是《技术改变生活》系列文章分享，这篇文章主要分享一个小游戏的开发过程。

文章图片
花了很多时间去学习，却不知道学得怎么样？最好的方法就是上手一个小项目，综合判断自己的学习进度。

文章图片
首先是准备阶段，我们需要明确目标：使用js、html、css开发一个简单的小游戏，游戏是一个类似飞机大战这样的小游戏。

文章图片
其次，我们需要明确游戏的规则以及收集游戏所需的素材；这个游戏的规则比较简单：通过按键控制绵羊向四周跑动，避开狼群的追捕；坚持的时间越长，狼的数量越多；狼会随机出现。
最后，我们需要设计游戏的框架，将游戏的内容分为两部分：前端（用户看得到的部分），后端（用户看不到的部分）。

文章图片
当我们把准备阶段的内容都做完，我们先把前端部分开发出来；前端部分比较简单，我们只需要通过html和css代码将游戏的布局展现出来即可。

文章图片
后端一般可以分为两部分：逻辑处理与数据处理；因为我们这个游戏比较简单，只需简单的逻辑处理部分即可。

文章图片
逻辑部分可以分为以下几点：
【通过js开发一个简单的小游戏，《狼来了，快跑》】1、游戏开始，加载图片，生成地图、绵羊、狼的信息；
2、监控按键，随时监控并计算狼群与绵羊的位置信息；
3、统计分数，判断是否存活，如果存活则在地图在随机位置添加一只新的狼。

文章图片
大概就这些，写得比较简单。
这篇文章中需要用到资源我已经打包好了，如果您有需要，请关注@杨数Tos ，回复【抓羊游戏】，即可获取所有的资料。
本文由杨数Tos原创，欢迎关注，带你一起长知识。