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

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

我们先来看看效果图

有什么好玩自制版植物大战僵尸(自制网页版植物大战僵尸)(1)

有什么好玩自制版植物大战僵尸(自制网页版植物大战僵尸)(2)

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

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

1,游戏项目目录

有什么好玩自制版植物大战僵尸(自制网页版植物大战僵尸)(3)

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

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

2,js文件夹

有什么好玩自制版植物大战僵尸(自制网页版植物大战僵尸)(4)

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

源码

有什么好玩自制版植物大战僵尸(自制网页版植物大战僵尸)(5)

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

,