大家好，我是杨数Tos，这是《技术改变生活》系列文章分享，这篇文章主要分享一个小游戏的开发过程。

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

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

　　其次，我们需要明确游戏的规则以及收集游戏所需的素材；这个游戏的规则比较简单：通过按键控制绵羊向四周跑动，避开狼群的追捕；坚持的时间越长，狼的数量越多；狼会随机出现。

　　最后，我们需要设计游戏的框架，将游戏的内容分为两部分：前端（用户看得到的部分），后端（用户看不到的部分）。

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

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

　　逻辑部分可以分为以下几点：

　　1、游戏开始，加载图片，生成地图、绵羊、狼的信息；

　　2、监控按键，随时监控并计算狼群与绵羊的位置信息；

　　3、统计分数，判断是否存活，如果存活则在地图在随机位置添加一只新的狼。

　　大概就这些，写得比较简单。

　　这篇文章中需要用到资源我已经打包好了，如果您有需要，请关注@杨数Tos，回复【抓羊游戏】，即可获取所有的资料。

　　本文由杨数Tos原创，欢迎关注，带你一起长知识。