精华内容
下载资源
问答
  • HTML5植物大战僵尸游戏源码下载
    2022-02-09 18:17:43
    • 2012.8.29

    “我是僵尸”创建模式增加了删除、投票的功能,现在创建新的对战关卡可以自定义阳光了修正舞王被小车碾压后报错的BUG修正双子向日葵显示错误的BUG优化了一下杨桃和胆小菇的判定算法给小游戏中的贫瘠之地和靠天吃饭增加了杨桃

    • 2012.8.16.1800

    修正聊天窗口的清屏无效问题修正先进入我是僵尸对战创建模式后选关会报错无法运行的问题修正注册、登录、我是僵尸对战列表问题

    • 2012.8.15.2230

    改进“我是僵尸”对战关,现在是先显示布局然后再由玩家决定是接受挑战还是返回菜单界面修正舞王僵尸死亡后伴舞不动的BUG修正了非IE浏览器无音效的BUG修正部分“我是僵尸”模式玩家创建关卡无法正确读取的BUG

    • 2012.8.14

    全新改进,增加了丰富的声音效果,如果您还是IE6-IE8用户,请到首页选择新版本浏览器下载,以支持游戏音效。由于FireFox浏览器出乎意料的没成功播放音效,正在尝试改进中由于上线匆忙,还在调试阶段,不能避免还会有许多问题,会逐渐改进。修正许多BUG,就不一一列出了

    • 2012.7.23

    新增冒险模式3-10解谜模式中增加小鬼僵尸修正冰车同时被击中爆炸和被爆炸植物炸中时会产生程序错误的问题修正3-5无法开局的问题修正卡片位置偏,植物和僵尸层次显示的问题

    • 2012.7.18

    在解谜模式中,脑子被吃会增加50个阳光了给解谜模式对战版增加大蒜

    • 2012.7.14

    新增冒险模式3-9修正3-5报错无法开局的问题

    • 2012.7.13

    修正向日葵动画的问题小喷菇的子弹稍加美化

    • 2012.7.12

    修正获取对战模

    加入池塘水池浮动效果加入水生植物种植时的水花

    • 2012.7.11

    修正杨桃无敌的BUG

    • 2012.7.10

    修正大喷菇被吃时报错停顿的问题阳光和樱桃炸弹爆炸GIF稍加美化

    • 2012.7.8

    修正胆小菇、曾哥被吃时程序报错的问题,同时这个错误也会导致解谜模式对战版关卡停顿

    • 2012.7.7

    向日葵吐阳光前会发光了修正读取创建的解密模式有些关卡报错的问题图鉴进行美化修正登录后关卡数字错位的问题

    • 2012.7.6

    修正获取解谜模式对战版列表不准确的问题游戏初始界面、欢迎界面牌子、墓碑进行美化

    • 2012.7.

    新增冒险模式3-8修正睡莲可以种植在缠绕海草上的BUG修正无法注册的问题修正无法保存自定义解谜模式关卡的问题修正载入自定义解谜模式关卡默认为是白天的问题修正自定义解谜关卡中某些植物可以超过限定位置摆放的问题解谜模式选关、小游戏模式选关、冒险模式选关界面进行美化铲子、阳光、种植时的土壤图片稍加美化

    • 2012.6.13

    修正小游戏中“坚果保龄球”和“坚果保龄球2”中看不到关卡标题的BUG,以及错把1编译成2的问题

    • 2012.6.12

    新增冒险模式3-7修正舞王僵尸滑步出场时遇到有植物后就只召唤不前进的BUG修正冰车死亡报错的BUG修正潜水僵尸未下水前的被攻击判断问题

    • 2012.6.9

    增加新的游戏模式:“我是僵尸”模式对战版测试,玩家可以自己创建植物布局,也可以作为僵尸加入别的玩家设计的植物布局过了半年才更新游戏很抱歉,这期间也有了不少变化,比如3月webqq应用的下架确实影响很大,不过游戏还是会继续更新的游戏数据中心近期会做好,届时可以查看在线用户、玩家的游戏数据、“我是僵尸模式”对战的排行榜等等

    • 2011.12.1

    增加新的小游戏模式“坚果保龄球”今天webqq应用平台数据异常导致本站流量严重下降,真郁闷,半夜了还没修复啊!蓝奏云地址密码muicon-default.png?t=M0H8https://wwo.lanzouy.com/itSsWztc6jg

    更多相关内容
  • 植物大战僵尸 H5源码

    2017-04-01 10:54:09
    植物大战僵尸 H5源码
  • H5植物大战僵尸源码

    2017-08-16 11:59:04
    解压缩文件点击index.html即可完美运行,非常强大完美。
  • 植物大战僵尸源码,javascript开发,与原版功能一致,运行流程,H5游戏开发,小游戏开发,移动端游戏。
  • HTML5植物大战僵尸网页版游戏源码

    千次阅读 2021-07-02 09:18:00
    介绍: HTML5植物大战僵尸网页版游戏源码,直接把源码上传到服务器就能使用了! 网盘下载地址: http://kekewangLuo.net/Z91ZVfWXaYu0 图片:

    介绍:

    HTML5植物大战僵尸网页版游戏源码,直接把源码上传到服务器就能使用了!


    网盘下载地址:

    http://kekewangLuo.net/Z91ZVfWXaYu0


    图片:




    展开全文
  • HTML5 植物大战僵尸项目介绍 和源码分析

    千次阅读 多人点赞 2022-04-16 14:28:09
    images 包含项目中所有植物僵尸和场景,的图片 js文件夹下是游戏控制的js文件 level 是游戏关卡的js控制文件 music 文件夹 游戏背景音乐 index.html 游戏面板的主页 代码如下 <html> <...

    项目目录

    images 包含项目中所有植物和僵尸和场景,的图片

    js文件夹下是游戏控制的js文件

     

    level 是游戏关卡的js控制文件 

     

     music 文件夹 游戏背景音乐

     index.html 游戏面板的主页

    代码如下

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="KeyWords" content="lonelystar,植物大战僵尸,网页版,JS植物大战僵尸,PVZ,JSPVZ,JS版,Javascript">
    <meta name="Description" content="JavaScript版的植物大战僵尸">
    <title>植物大战僵尸Javascript版</title>
    <style type="text/css">
    body{-moz-user-select:none}
    td{font-family: 宋体; font-size: 12px}
    div{left:0}
    span{cursor:default}
    span,div,h2,h3{padding:0;margin:0}
    td.HandBookZombie{background: url(images/interface/Almanac_ZombieWindow2.png) no-repeat; width:20%; height:16%; text-align:center}
    #DivTeach{
    filter:"alpha(opacity=90)"; /* IE 8 */
    filter:alpha(opacity=90); /* IE 4-7 */
    opacity:.9; /* FireFox,Safari(WebKit),Opera */
    -moz-opacity:.9; /* FireFox<3.5 */
    position:absolute;width:900px;height:50px;top:530px;left:0;z-index:100;text-align: center; font-family: 幼圆; font-size: 20pt; font-weight: bold; color: #FFFFFF; background-color: #5B432E}
    .WindowFrame{position:absolute;width:900px;height:600px;OVERFLOW: hidden;border:3px outset ;}
    #dFlagMeterTitleB{position:absolute;color:#000; font-size: 18pt;font-weight:bold;width:343px;top:15px;left:-5px}
    #dFlagMeterTitleB span{position:absolute;color:#F93;font-size: 18pt;font-weight: bold;width:343px;top:-1px;left:-1px;}
    
    #dSurfaceBack{position:absolute;display:none;top:0;width:900px;height:600px;z-index:255}
    #dHelp{width:614px;height:399px;background:url(images/Help.png);position:absolute;display:none;left:143px;top:100px}
    #dSelectLevel{position:absolute;width:100%;height:100%;font-weight:bold;display:none}
    #dOptionsMenuBack{position:absolute;text-align:center;left:244px;top:60px;width:412px;height:483px;display:none;background:url(images/OptionsMenuback32.png);_background:url(images/OptionsMenuback8.png)}
    .TitleBigContainer{position:relative;width:220px;margin:120px auto 0 auto;height:240px;overflow:hidden}
    .TitleSmallContainer{position:relative;width:100%;line-height:35px;color:#FFF;font-size:16px}
    .SmallLevel{float:left;cursor:pointer;width:50%}
    .BigLevel{float:left;color:#FC6;font-size:20px;width:100%;height:40px}
    .OptionsMenuButton,.OptionsMenuButtonDown{background:url(images/OptionsBackButton32.png);_background:url(images/OptionsBackButton8.png);float:left;font-family:黑体;font-size:32px;cursor:pointer;width:360px;height:100px;margin-left:26px;display:inline;color:#FC6}
    .OptionsMenuButton{background-position:0 0}
    .OptionsMenuButtonDown{background-position:0 100}
    .OptionsMenuButtonSpan{height:100px;line-height:100px;cursor:pointer}
    
    #dPCard img{left:0;width:70px;height:42px}
    #dPCard .span1{cursor:pointer;width:70px;height:42px;float:left;margin:8px 0 0 2px;position:relative;} 
    #dPCard .span2{cursor:pointer;text-align:center;position:absolute;left:40px;top:27px;font-family:Fixedsys;font-size:9pt}
    #dCardList div{position:relative;cursor:pointer;padding:0;height:60px}
    #dCardList span{cursor:pointer;position:absolute;left:66px;top:40px;width:34px;height:20px;font-family:Fixedsys;font-size:11pt}
    #dCardList img{position:absolute;width:100px;height:60px}
    .SelectModal{color: #FC6; font-weight: bold;cursor:pointer;background: url(images/interface/Button.png) no-repeat center;text-align:center;height:43px;width:115px}
    .Menu{float:left;text-align:center;line-height:41px;font-weight:bold;font-family:黑体;color:#00CB08;height:41px;width:113px;background:url(images/interface/Button.png)}
    #imgSF{position:absolute;cursor:pointer;z-index:254}
    #PointerUD{position:absolute;z-index:50}
    #dTitle{display:none;position:absolute;left:100;background-color:#FFD;width:150px;font-size:12px;text-align:center;line-height:1.5;border:1px solid #000;padding:3px;z-index:254}
    #dAll img,#dFlagMeter img{position:absolute;border-style:none}
    #dProcess{text-align:center;border: 1px solid #FFF;background-color:#000;color:#FFF;position:absolute;left:130px;top:50px;width:640px;height:500px;display:none;z-index:250;padding:10px;*padding:10px 5px 10px 2px}
    #dProcess img{margin:5px 0}
    #dProcess h2{font-size:16px;margin:0 10px;color:#E80}
    #dProcess h3{font-size:12px}
    #dProcess2{overflow:auto;line-height:18px;font-size:12px;text-align:left;width:100%;*width:96%;height:450px}
    #dLink{position:absolute;left:5px;top:610px;width:500px;height:50px}
    #dLink div{float:left;margin-right:10px}
    
    .Tom1{left:0;top:0;width:86px;height:91px;background:url(images/interface/Tombstones.png) no-repeat}
    .Tom2{position:absolute;left:0;top:0;width:86px;height:91px;background:url(images/interface/Tombstone_mounds.png) no-repeat}
    </style>
    <script src="js/Cfunction.js" type="text/javascript"></script>
    <script src="js/CPlants.js" type="text/javascript"></script>
    <script src="js/CZombie.js" type="text/javascript"></script>
    <script id="JSPVZ" type="text/javascript"></script>
    <script id="JSProcess" type="text/javascript"></script>
    </head>
    <body id="dBody" topmargin="0" leftmargin="0" oncontextmenu="return false" ondragstart="return false" onselectstart="return false" bgcolor="#008080">
    
    <!--进度条-->
    <div id="dFlagMeter" style="visibility:hidden;position:absolute;z-index:255;left:50px;top:280px;width:500px;height:40px">
    	<div id="dFlagMeterTitle" style="position:absolute;text-align:right"><div id="dFlagMeterTitleB"><span id="sFlagMeterTitleF"></span></div></div>
    	<div id="dFlagMeterContent" style="position:absolute;left:344px;width:157px;height:40px">
    		<img id="imgFlagMeterEmpty" border="0" src="images/interface/FlagMeterEmpty.png" style="top: 17px">
    		<img id="imgFlagMeterFull" border="0" src="images/interface/FlagMeterFull.png" style="top: 17px;clip:rect(0,auto,auto,157px)">
    		<img id="imgFlag1" src="images/interface/FlagMeterParts2.png" style="left: 10px; top: 14px;display:none">
    		<img id="imgFlag2" src="images/interface/FlagMeterParts2.png" style="left: 40px; top: 14px;display:none">
    		<img id="imgFlag3" src="images/interface/FlagMeterParts2.png" style="left: 70px; top: 14px;display:none">
    		<img id="imgFlag4" src="images/interface/FlagMeterParts2.png" style="left: 100px; top: 14px;display:none">
    		<img id="imgGQJC" src="images/interface/FlagMeterLevelProgress.png" style="left: 35px; top: 29px;display:block">
    		<img id="imgFlagHead" src="images/interface/FlagMeterParts1.png" style="left: 139px; top: 13px">
    	</div>
    </div>
    
    <!--选项界面-->
    <div id="dSurface" class="WindowFrame" style="display:none;z-index:255">
    	<div id="iSurfaceBackground">
    		<map name="FPMap0">
    			<area href="javascript:void(0)" shape="rect" coords="641, 466, 724, 527" onClick="ShowOptions()">
    			<area href="javascript:void(0)" shape="rect" coords="718, 512, 790, 558" onClick="ShowHelp()">
    			<area href="javascript:void(0)" shape="rect" coords="800, 495, 879, 548" onClick="SetNone($('dSurface'))">
    		</map>
    		<img src="images/surface.png" usemap="#FPMap0" border="0">
    		<div style="position: absolute;background:url('images/SelectorScreenStartAdventur.png');left:474px;top:80px;width:331px;height:146px;cursor:pointer" onMouseOver="this.style.backgroundPosition='bottom'" onMouseOut="this.style.backgroundPosition='top'" onClick="ShowLevel()"></div>
    		<div style="position: absolute;background:url('images/SelectorScreenSurvival.png');left:474px;top:203px;width:313px;height:131px;cursor:pointer" onMouseOver="this.style.backgroundPosition='bottom'" onMouseOut="this.style.backgroundPosition='top'" onClick="ShowMiniGame()"></div>
    	</div>
    	<div id="dSurfaceBack">
    		<div id="dHelp" onClick="HiddenHelp()"></div>
    		<div id="dOptionsMenuback">
    			<div id="dOptionsMenu" style="line-height:40px;position:absolute;width:100%;height:100%;display:none;font-weight:bold">
    				<div style="margin-top:150px;height:40px"><input type="checkbox" id="cAutoSun" value="1" onChange="CheckAutoSun(this)"><label for="cAutoSun" id="lAutoSun" style="color:#FFF">自动拾取阳光</label></div>
    				<div class="BigLevel" style="cursor:pointer" onClick="SelectModal(oS.Lvl)">重新开始</div>
    				<div class="BigLevel" style="cursor:pointer" onClick="HiddenOptions();SelectModal(0);SetBlock($('dSurface'),$('iSurfaceBackground'))">返回菜单</div>
    				<div class="OptionsMenuButton" style="margin-top:108px" onMouseDown="OptionsMenuDown(this,$('sOptionsMenu'))" onMouseUp="OptionsMenuUP(this,$('sOptionsMenu'));HiddenOptions()"><span id="sOptionsMenu" class="OptionsMenuButtonSpan">返回游戏</span></div>
    			</div>
    			<div id="dSelectLevel">
    				<div class="TitleBigContainer">
    					<div id="dTitleSmallContainer" class="TitleSmallContainer" style="display:none">
    						<div id="dBigLvl1">
    							<div class="BigLevel">&nbsp;&nbsp;&nbsp;第一大关&nbsp;&nbsp;&nbsp;<span style="cursor:pointer" onClick="SetNone($('dBigLvl1'));SetBlock($('dBigLvl2'))" title="点击进入到第二大关">>></span></div>
    							<div onClick="SelectModal(1)" class="SmallLevel">第一关</div>
    							<div onClick="SelectModal(2)" class="SmallLevel">第二关</div>
    							<div onClick="SelectModal(3)" class="SmallLevel">第三关</div>
    							<div onClick="SelectModal(4)" class="SmallLevel">第四关</div>
    							<div onClick="SelectModal(5)" class="SmallLevel">第五关</div>
    							<div onClick="SelectModal(6)" class="SmallLevel">第六关</div>
    							<div onClick="SelectModal(7)" class="SmallLevel">第七关</div>
    							<div onClick="SelectModal(8)" class="SmallLevel">第八关</div>
    							<div onClick="SelectModal(9)" class="SmallLevel">第九关</div>
    							<div onClick="SelectModal(10)" class="SmallLevel">第十关</div>
    						</div>
    						<div id="dBigLvl2" style="display:none">
    							<div class="BigLevel"><span style="cursor:pointer" onClick="SetNone($('dBigLvl2'));SetBlock($('dBigLvl1'))" title="点击进入到第一大关"><<</span>&nbsp;&nbsp;&nbsp;第二大关&nbsp;&nbsp;&nbsp;</div>
    							<div onClick="SelectModal(11)" class="SmallLevel">第一关</div>
    							<div onClick="SelectModal(12)" class="SmallLevel">第二关</div>
    						</div>
    					</div>
    					<div id="dMiniSmallContainer" class="TitleSmallContainer" style="display:none">
    						<div class="BigLevel">小游戏模式</div>
    						<div onClick="SelectModal('StrongLevel')" class="SmallLevel" style="width:100%">超乎寻常的压力!</div>
    						<div onClick="SelectModal('TestUHeart')" class="SmallLevel" style="width:100%">你的心脏够强劲吗?</div>
    						<div onClick="SelectModal('ZombieRun')" class="SmallLevel" style="width:100%">僵尸快跑!</div>
    						<div onClick="SelectModal('PovertyOfTheSoil')" class="SmallLevel" style="width:100%">贫瘠之地</div>
    						<div onClick="SelectModal('MassGrave')" class="SmallLevel" style="width:100%">乱葬岗</div>
    					</div>
    				</div>
    				<div class="OptionsMenuButton" style="margin-top:20px" onMouseDown="OptionsMenuDown(this,$('sLevelMenu'))" onMouseUp="OptionsMenuUP(this,$('sLevelMenu'));HiddenLevel();HiddenMiniGame()"><span id="sLevelMenu" class="OptionsMenuButtonSpan">返&nbsp;&nbsp;&nbsp;&nbsp;回</span></div>
    			</div>
    		</div>
    	</div>
    </div>
    
    <!--主界面EDAll-->
    <div class="WindowFrame" id="dAll" style="position:absolute;left:0;top:0;width:900px;background-color:#000">
    	<!--背景图片-->
    	<div style="position:absolute;width:1400px;height:600px;display:none;z-index:0" id="tGround"></div>
    	<!--左边卡片列-->
    	<div id="dCardList" style="visibility:hidden;position:absolute;left:500px;top:0;width:100px;overflow:visible;z-index:254"></div>
    	<!--出场僵尸显示-->
    	<div id="dZombie" style="position:absolute;width:335px;height:600px;left:1065px;top:0;z-index:1"></div>
    	<!--选择卡片-->
    	<div id="dSelectCard" align=center style="display:none;position:absolute;left:600px;top:0;width:465px;height:600px;z-index:1;background: url('images/interface/SeedChooser_Background.png') no-repeat">
    		<div style="text-align:center;line-height:35px;font-size: 12pt;color:#FC6;height:35px;width:100%;top:0;font-family:新宋体;font-weight: bold">选择你的植物</div>
    		<div id="dPCard" style="position:relative;width:96%;height:455px;"></div>
    		<div style="width:100%;height:40px;line-height:40px;text-align:center;margin-top:10px">
    			<input onClick="ResetSelectCard()" type="button" value="重选" name="btnReset" id="btnReset" style="width: 65; height: 35; border-left: 3px solid #85411C; border-right: 3px solid #4E250C; border-top: 3px solid #85411C; border-bottom: 3px solid #4E250C; background-color: #602D11; color:#FC6; font-weight:bold; font-size:14px;cursor:pointer">
    			<input onClick="LetsGO()" type="button" value="GO!" disabled="disabled" name="btnOK" id="btnOK" style="width: 65; height: 35; border-left: 3px solid #85411C; border-right: 3px solid #4E250C; border-top: 3px solid #85411C; border-bottom: 3px solid #4E250C; background-color: #602D11; color:#888; font-weight:bold; font-size:14px;cursor:pointer">
    		</div>
    	</div>
    	<!--阳光和铲子-->
    	<div id="dTop" style="position:absolute;left:605px;top:561px;height:35px;width:123px;display:none;z-index:1;">
    		<div id="dSunNum" style="background:url('images/interface/SunBack.png') no-repeat;position:absolute;width:123px;height:35px"><span id="sSunNum" style="text-align:center;position:absolute;top:4px;left:43px;width:68px;font-family:Verdana;font-weight:bold;font-size:18pt"></span></div>
    		<div id="tdShovel" style="position:absolute;width:71px;height:35px;left:130px;background: url('images/interface/ShovelBack.png') no-repeat;visibility:hidden"><img id="imgShovel" src="images/interface/Shovel.png" onMouseDown="ChoseShovel(event)"></div>
    	</div>
    </div>
    
    <!--菜单-->
    <div id="dMenu" style="display:none;position:absolute;cursor:pointer;width:226px;height:41px;left:677px;z-index:254">
    	<div id="dMenu0" class="Menu" onClick="PauseGame(this)">暂 停</div>
    	<div id="dMenu1" class="Menu" onClick="ClickMenu()">菜 单</div>
    </div>
    
    <!--图鉴-->
    <div id="dHandBook" style="display:none;position:absolute;z-index:255" class="WindowFrame">
    <table border="0" width="800" cellspacing="0" cellpadding="0" background="images/interface/Almanac_IndexBack.jpg" height="600">
    	<tr>
    		<td height="88" align="center" style="font-size: 32px; font-weight: bold; font-family: 黑体;" colspan="3">	图鉴——索引</td>
    	</tr>
    	<tr>
    		<td align="center" width="400" height="473">
    		<img border="0" src="images/Plants/SunFlower/SunFlower.gif" width="73" height="74"><br>
    		<br>
    		<br>
    		<br>
    		<input type="button" value="查看植物" name="btnViewPlant" id="btnViewPlant" style="cursor:pointer;width: 113; height: 41; border-left: 3px solid #85411C; border-right: 3px solid #4E250C; border-top: 3px solid #85411C; border-bottom: 3px solid #4E250C; background-color: #8F431B; color:#FFCC66; font-weight:bold; font-size:14pt; font-family:幼圆" onClick="ViewProducePlant()"><br>
    		<br>
    &nbsp;</td>
    		<td align="center" width="400" height="473" colspan="2">
    		<img border="0" src="images/Zombies/Zombie/Zombie.gif" width="149" height="130"><br>
    &nbsp;<table border="0" width="113" background="images/interface/Button.png" height="41" cellspacing="0" cellpadding="0">
    			<tr>
    				<td style="cursor:pointer;font-weight:bold; font-size:14pt; font-family:幼圆; color:#00F500" align="center" onClick="ViewProduceZombie()">查看僵尸</td>
    			</tr>
    		</table>
    		<p><br>
    		<br>
    &nbsp;</td>
    	</tr>
    	<tr>
    		<td align="center" width="400">
    		 </td>
    		<td align="center" width="238">
    		 </td>
    		<td align="center" width="162">
    		<table border="0" width="89" cellspacing="0" cellpadding="0" height="26">
    			<tr>
    				<td background="images/interface/Almanac_CloseButton.png" style="cursor:pointer" onMouseOver="this.style.backgroundImage='url(images/interface/Almanac_CloseButtonHighlight.png)'" onMouseOut="this.style.backgroundImage='url(images/interface/Almanac_CloseButton.png)'" onClick="SetNone($('dHandBook'))" align="center">
    				<font color="#000080" style="font-size: 9pt;">关闭</font></td>
    			</tr>
    		</table>
    		</td>
    	</tr>
    </table>
    </div>
    
    <!--获得新植物-->
    <div id="dNewPlant" style="display:none;position:absolute;width:800px;height:600px;background:url(images/interface/AwardScreen_Back.jpg) no-repeat">
    	<div id="dNewPlantTitle" style="position:absolute;left:50%;text-align:center;margin-left:-250px;color: #FC6; font-size: 20px;height:90px;line-height:90px; font-weight: bold; width:500px">你获得了一棵新的植物!</div>
    	<div style="position:absolute;top:100px;width:800px;height:191px;line-height:191px;text-align:center">
    		<img id="iNewPlantCard" border="0">
    	</div>
    	<br>
    	<div id="dNewPlantName" style="position:absolute;position:absolute;top:291px;text-align:center;left:50%;margin-left:-150px;width:300px;height:55px;font-family: 宋体; font-size: 20px; color: #FC6; font-weight: bold;line-height:55px">abc</div>
    	<br><br><br>
    	<div id="dNewPlantTooltip" style="position:absolute;left:50%;top:400px;text-align:center;margin-left:-140px;width:280px;font-weight: bold;font-family: 宋体; font-size: 12px;color:#232323">abc</div>
    	<br><br><br><br><br><br>
    	<input type="button" value="下一关!" name="btnNextLevel" id="btnNextLevel" style="position:absolute;cursor:pointer;width: 113; height: 41; border-left: 3px solid #85411C; border-right: 3px solid #4E250C; border-top: 3px solid #85411C; border-bottom: 3px solid #4E250C; background-color: #8F431B; color:#FC6; font-weight:bold; font-size:14px; font-family:幼圆; left:344; top:507">
    </div>
    
    <!--开发进度显示-->
    <div id="dProcess">
    	<div id="dProcess2"><span id="sFailed" style="line-height:30px;font-size:16px;color:#FF0;font-weight:bold">未成功从作者网站上加载到进度文件<br>如果互联网未连接或者作者网站无法成功打开则无法查看最新进度显示!</span></div>
    	<br>
    	<input type="button" value="关闭" onClick="SetNone($('dProcess'))" style="cursor:pointer;width: 113px; height: 30px; border-left: 3px solid #85411C; border-right: 3px solid #4E250C; border-top: 3px solid #85411C; border-bottom: 3px solid #4E250C; background-color: #8F431B; color:#FC6; font-weight:bold; font-size:14px; font-family:幼圆">
    </div>
    
    <script type="text/javascript">
    //初始化系统对象,载入关卡
    LoadLvl();
    
    </script>
    
    </body>
    </html>

    游戏截图

     项目源码下载链接 --点击

    展开全文
  • js 源码 植物大战僵尸 H5开发的简单小游戏 很不错。
  • 植物大战僵尸h5+js

    2018-04-27 14:08:00
    植物大战僵尸h5+js源码 非原创 这是原版的植物大战僵尸JS版开源程序 干净无毒无广告无插件等乱七八糟的东西
  • h5植物大战僵尸源码手机版,喜欢的可以拿去研究一下。
  • Html5实现植物大战僵尸小游戏

    千次阅读 2021-12-05 23:42:10
    Html5实现植物大战僵尸小游戏

    提示:阅读完文章,有对此程序感兴趣的可以在底部获取下载地址!

    效果展示(可以自行感受

    视频效果:

    Html5植物大战僵尸小游戏_哔哩哔哩_bilibili

    主页

     

    关卡

    玩法

    更多

    代码展示(部分)

    <div id="dSurface" class="WindowFrame" style="display:none;z-index:255">
    	<div id="iSurfaceBackground">
    		<map name="FPMap0">
    			<area href="javascript:void(0)" shape="rect" coords="641, 466, 724, 527" onClick="ShowOptions()">
    			<area href="javascript:void(0)" shape="rect" coords="718, 512, 790, 558" onClick="ShowHelp()">
    			<area href="javascript:void(0)" shape="rect" coords="800, 495, 879, 548" onClick="SetNone($('dSurface'))">
    		</map>
    		<img src="images/surface.png" usemap="#FPMap0" border="0">
    		<div style="position: absolute;background:url('images/SelectorScreenStartAdventur.png');left:474px;top:80px;width:331px;height:146px;cursor:pointer" onMouseOver="this.style.backgroundPosition='bottom'" onMouseOut="this.style.backgroundPosition='top'" onClick="ShowLevel()"></div>
    		<div style="position: absolute;background:url('images/SelectorScreenSurvival.png');left:474px;top:203px;width:313px;height:131px;cursor:pointer" onMouseOver="this.style.backgroundPosition='bottom'" onMouseOut="this.style.backgroundPosition='top'" onClick="ShowMiniGame()"></div>
    	</div>
    	<div id="dSurfaceBack">
    		<div id="dHelp" onClick="HiddenHelp()"></div>
    		<div id="dOptionsMenuback">
    			<div id="dOptionsMenu" style="line-height:40px;position:absolute;width:100%;height:100%;display:none;font-weight:bold">
    				<div style="margin-top:150px;height:40px"><input type="checkbox" id="cAutoSun" value="1" onChange="CheckAutoSun(this)"><label for="cAutoSun" id="lAutoSun" style="color:#FFF">自动拾取阳光</label></div>
    				<div class="BigLevel" style="cursor:pointer" onClick="SelectModal(oS.Lvl)">重新开始</div>
    				<div class="BigLevel" style="cursor:pointer" onClick="HiddenOptions();SelectModal(0);SetBlock($('dSurface'),$('iSurfaceBackground'))">返回菜单</div>
    				<div class="OptionsMenuButton" style="margin-top:108px" onMouseDown="OptionsMenuDown(this,$('sOptionsMenu'))" onMouseUp="OptionsMenuUP(this,$('sOptionsMenu'));HiddenOptions()"><span id="sOptionsMenu" class="OptionsMenuButtonSpan">返回游戏</span></div>
    			</div>
    			<div id="dSelectLevel">
    				<div class="TitleBigContainer">
    					<div id="dTitleSmallContainer" class="TitleSmallContainer" style="display:none">
    						<div id="dBigLvl1">
    							<div class="BigLevel">&nbsp;&nbsp;&nbsp;第一大关&nbsp;&nbsp;&nbsp;<span style="cursor:pointer" onClick="SetNone($('dBigLvl1'));SetBlock($('dBigLvl2'))" title="点击进入到第二大关">>></span></div>
    							<div onClick="SelectModal(1)" class="SmallLevel">第一关</div>
    							<div onClick="SelectModal(2)" class="SmallLevel">第二关</div>
    							<div onClick="SelectModal(3)" class="SmallLevel">第三关</div>
    							<div onClick="SelectModal(4)" class="SmallLevel">第四关</div>
    							<div onClick="SelectModal(5)" class="SmallLevel">第五关</div>
    							<div onClick="SelectModal(6)" class="SmallLevel">第六关</div>
    							<div onClick="SelectModal(7)" class="SmallLevel">第七关</div>
    							<div onClick="SelectModal(8)" class="SmallLevel">第八关</div>
    							<div onClick="SelectModal(9)" class="SmallLevel">第九关</div>
    							<div onClick="SelectModal(10)" class="SmallLevel">第十关</div>
    						</div>
    						<div id="dBigLvl2" style="display:none">
    							<div class="BigLevel"><span style="cursor:pointer" onClick="SetNone($('dBigLvl2'));SetBlock($('dBigLvl1'))" title="点击进入到第一大关"><<</span>&nbsp;&nbsp;&nbsp;第二大关&nbsp;&nbsp;&nbsp;</div>
    							<div onClick="SelectModal(11)" class="SmallLevel">第一关</div>
    							<div onClick="SelectModal(12)" class="SmallLevel">第二关</div>
    						</div>
    					</div>
    					<div id="dMiniSmallContainer" class="TitleSmallContainer" style="display:none">
    						<div class="BigLevel">小游戏模式</div>
    						<div onClick="SelectModal('StrongLevel')" class="SmallLevel" style="width:100%">超乎寻常的压力!</div>
    						<div onClick="SelectModal('TestUHeart')" class="SmallLevel" style="width:100%">你的心脏够强劲吗?</div>
    						<div onClick="SelectModal('ZombieRun')" class="SmallLevel" style="width:100%">僵尸快跑!</div>
    						<div onClick="SelectModal('PovertyOfTheSoil')" class="SmallLevel" style="width:100%">贫瘠之地</div>
    						<div onClick="SelectModal('MassGrave')" class="SmallLevel" style="width:100%">乱葬岗</div>
    					</div>
    				</div>
    				<div class="OptionsMenuButton" style="margin-top:20px" onMouseDown="OptionsMenuDown(this,$('sLevelMenu'))" onMouseUp="OptionsMenuUP(this,$('sLevelMenu'));HiddenLevel();HiddenMiniGame()"><span id="sLevelMenu" class="OptionsMenuButtonSpan">返&nbsp;&nbsp;&nbsp;&nbsp;回</span></div>
    			</div>
    		</div>
    	</div>
    </div>
    

    获取地址请关注公众号:计算机基础与编程;输入关键字“088”即可获取。

     

    整理不易,转载请指明出处

    如果你觉得对您有用,点赞+留言

    展开全文
  • 植物大战僵尸HTML5源码

    千次阅读 2015-07-30 17:43:45
    植物大战僵尸植物大战僵尸》(Plants vs. Zombies,简称PVZ)是由PopCap Games开发的一款益智策略类塔防御战游戏,为Windows、Mac OS X、iPhone OS和Android系统,并于2009年5月5日发售。玩家通过武装多种植物...
  • 原生JS实现的h5小游戏-植物大战僵尸

    千次阅读 2018-08-07 13:54:00
    本项目是利用原生js实现的h5小游戏-植物大战僵尸,主要结合了一下自己对于h5小游戏的理解,结合面向对象的编程思想进行开发,在实现时使用了部分es6语法,对于es6语法不太熟悉的小伙伴可以先查阅相关资料了解一下。...
  • 前几天看到了一个很有趣的demo,用js制作植物大战僵尸小游戏,本着学习的心态,对照着做了一下,发现这里面的一些代码设计的确很精妙,这里分享下源码和效果,如果有需要,可以看下。 效果如下: 下载地址 ...
  • cocos creator休闲游戏合成植物僵尸源码-H5+安卓+IOS三端源码,开发脚本为javaScript方便扩展和阅读,支持cocos creator2.X版本,完整的源码可拿来运营学习研究二次开发。 源码下载 cocoscreator休闲...
  • 维京战争,一个都不能死,捕鱼达人,植物大战僵尸,3D魔方,青蛙吃苍蝇,蜘蛛纸牌,贪吃蛇,水果削除,2048中文版,大鱼吃小鱼,飞机大战,跑酷小游戏,贪吃蛇2.0,射击鸭子,激流勇进,天天消消乐,别踩白块,线条...
  • 士兵大战僵尸.rar

    2019-10-10 16:40:35
    H5手游士兵大战僵尸源码,觉得可以用,直接下载解压缩部署就可以 里面包含全部代码,是一款类似植物大战僵尸的游戏 很有意思
  • H5游戏源码.rar

    2019-07-22 17:05:53
    200个html5游戏源码,包括各种测试、植物大战僵尸、开心消消乐等
  •  植物大战僵尸  经典游戏还原,有两种模式选择  3D魔方  鼠标点击操作,三阶魔方形状通常是正方体  青蛙吃苍蝇  兼容PC端和移动端,背景音乐开关功能,白天晚上两种背景  蜘蛛纸牌  游戏的目标以最少的移动...
  • html5游戏源码.rar

    2019-07-22 15:20:27
    100个html5游戏源码:捕鱼源码、打飞机游戏、卡通连连看、开心消消乐、植物大战僵尸
  • 注意:记得把项目导入HBuilder或类似软件中运行,否者无法运行。...HTML5 游戏源代码特辑,包括了捕鱼达人、植物僵尸、Solarmax、俄罗斯方块、扫雷、切水果、超级玛丽、三国杀、驴子跳、太空战舰、坦克大战等 之一
  • 中国象棋【附源码

    千次阅读 2022-04-29 20:02:40
    中国象棋,java精品项目,毕业设计,计算机系,计算机毕业设计,程序设计,设计与实现,源码H5, 中国象棋【附源码】 我的网站已经上线了 http://javapub.net.cn/ 文末源码、免费获取 文末源码、免费获取 文末源码...
  • android安卓源码海量项目合集打包-1

    万次阅读 多人点赞 2019-06-11 16:16:24
    最后更新共计113个分类5177套源码29.2 GB。 卷 新加卷 的文件夹 PATH 列表 卷序列号为 00000200 5E7A:7F30 F:. ├─前台界面 │ ├─3D标签云卡片热门 │ │ Android TagCloudView云标签的灵活运用.rar │ │ ...
  • 8个超震撼的HTML5和纯CSS3动画源码

    千次阅读 2017-08-01 09:59:28
    8个超震撼的HTML5和纯CSS3动画源码 981 人浏览 发表回复 HTML5和CSS3之所以强大,不仅因为现在大量的浏览器的支持,更是因为它们已经越来越能满足现代开发的需要。Flash在几年之后肯定会消亡,...
  • IT程序猿攻城狮学习资料汇总

    千次阅读 2018-05-23 10:25:55
    QQ交流学习群:174266358开源资料一:SSM快速开发框架:https://gitee.com/zhanghejie/xjj 单点登陆服务端(使用xjj开发)https://gitee.com/zhanghejie/xjj_sso 单点登陆client端...
  • 前方干货满满,建议先收藏再看哦!为大家整理策略塔防游戏源代码素材,总有满足...为大家整理了游戏源码-策略塔防游戏源代码合集 为了方便大家更快的找到资源,小编给大家指引路线: 进入网站-点击-游戏--游戏源码-
  • 如果你玩过愤怒的小鸟,玩过植物大战僵尸,我相信你知道什么叫做小游戏!如果你玩过围住神经猫,玩过微信打飞机,我相信你知道什么叫H5小游戏!如果你玩过cocos2d,unit...
  • [系统安全] 三.IDA Pro反汇编工具初识及逆向工程解密实战 [系统安全] 四.OllyDbg动态分析工具基础用法及Crakeme逆向 [系统安全] 五.OllyDbg和Cheat Engine工具逆向分析植物大战僵尸游戏 [系统安全] 六.逆向分析之...
  • 比较复杂的是植物大战僵尸,不同的关卡设置单独的函数,僵尸和植物使用不同的类名实现。 超级玛丽通过canvas实现背景,交互很复杂,功能很多,JS代码完全是有汇编语言反编译成C语言,然后把C语言转换成JS实现的。...
  • v7-appcompat.zip 9 毕业设计 【Android】用户登录注册界面开发及用户信息管理案例代码详解-附件资源.zip 10 毕业设计 基于android平台h5组件自动化测试系统设计与实现.zip 11 毕业设计 Android平台的3G气象软件.zip...
  • web前端30个项目列表,学完即可上手做项目

    万次阅读 多人点赞 2019-12-28 13:35:01
    植物大战僵尸网页版】: 18.【阴阳师游戏角色动态展示卡】: 19.【绝地求生官网页面制作】: 20.【canvas喷泉效果】 21.【video音频效果】 22.【鬼畜奔跑吧小绵羊】 23.【网页精灵宠物】 24.【RequireJS来制图】 ...

空空如也

空空如也

1 2 3 4
收藏数 71
精华内容 28
关键字:

植物大战僵尸h5源码

友情链接: 帝国CMS7.2微信API.zip