植物大战僵尸网页版链接(植物大战僵尸β版隐藏指令)

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

植物大战僵尸网页版链接(植物大战僵尸β版隐藏指令)

文章插图


植物大战僵尸网页版链接(植物大战僵尸β版隐藏指令)

文章插图

这个实现还是挺简单的,只需要用到html,css,和JavaScript就能够做出整个游戏 。
关注公众号【web小馆】,回复“植物大战僵尸”,下载游戏源码 。
1,游戏项目目录
植物大战僵尸网页版链接(植物大战僵尸β版隐藏指令)

文章插图

这个images用于存放植物,僵尸,还有背景图一系列图片 。
js用于存放植物和僵尸的攻击和动画,还有一些游戏界面基本的js 。
level用于存放每个关卡的僵尸的行为 。
music自然不用说,肯定是游戏的背景音乐 。
废话不多说我们来看一看主要代码吧,学习一下这些代码是什么作用的 。
2,js文件夹
植物大战僵尸网页版链接(植物大战僵尸β版隐藏指令)

文章插图

cfunction.js,里面写了游戏界面,素材载入,游戏的基本操作等等
源码
植物大战僵尸网页版链接(植物大战僵尸β版隐藏指令)

文章插图

【植物大战僵尸网页版链接(植物大战僵尸β版隐藏指令)】由于源码太多小编就不贴出来了,需要源码的小伙伴可以私信我发送:源码,即可领取