小时候刚刚玩到植物大战僵尸的时候，觉得游戏太好玩了，就幻想着自己以后要做一个会电脑的人，要写出好多好多游戏，让大家一起玩，长大后发现游戏太难做了，一己之力很难做出来，但是一些简单的童年游戏还是能够学会的。

这不，植物大战僵尸网页版他来了

我们先来看看效果图

 

 

这个实现还是挺简单的，只需要用到html，css，和JavaScript就能够做出整个游戏。

关注公众号【web小馆】，回复“植物大战僵尸”，下载游戏源码。

1，游戏项目目录

 

这个images用于存放植物，僵尸，还有背景图一系列图片。
js用于存放植物和僵尸的攻击和动画，还有一些游戏界面基本的js。
level用于存放每个关卡的僵尸的行为。
music自然不用说，肯定是游戏的背景音乐。

废话不多说我们来看一看主要代码吧，学习一下这些代码是什么作用的。

2，js文件夹

 

cfunction.js，里面写了游戏界面，素材载入，游戏的基本操作等等

源码

 

由于源码太多小编就不贴出来了，需要源码的小伙伴可以私信我发送：源码，即可领取