Java 实现 植物大战僵尸 小游戏【附源码】
生活随笔
收集整理的這篇文章主要介紹了
Java 实现 植物大战僵尸 小游戏【附源码】
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
博主介紹： 🚀自媒體 JavaPub 獨立維護人，全網粉絲15w+，csdn博客專家、java領域優質創作者，51ctoTOP10博主，知乎/掘金/華為云/阿里云/InfoQ等平臺優質作者、專注于Java技術領域和副業。🚀
公眾號：JavaPub ? ?簡歷模板、學習資料、面試題庫等都給你💪
🍅 文末獲取源碼 🍅 無套路，免費領取
適合人群：Java 學習者和愛好者，下面有展示圖。
文章目錄
- 1 前言
- 2 正文
- 2.1 展示
- 2.2 項目結構
- 2.2 主要代碼
- 系列推薦：
1 前言
🚀獲取源碼，文末公眾號回復【植物大戰僵尸】，即可。
?歡迎點贊留言
2 正文
公眾號：JavaPub
2.1 展示
1MB GIF可以欣賞：https://tva2.sinaimg.cn/large/007F3CC8ly1h1d47cxdsag31b60k9u0x.gif
2.2 項目結構
視頻：
https://www.bilibili.com/video/BV1oF41157mX?share_source=copy_web
2.2 主要代碼
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="KeyWords" content="lonelystar,植物大戰僵尸"> <meta name="Description" content="植物大戰僵尸"> <title>植物大戰僵尸</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"> 第一大關 <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> 第二大關 </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">返 回</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> </td><td align="center" width="400" height="473" colspan="2"><img border="0" src="images/Zombies/Zombie/Zombie.gif" width="149" height="130"><br> <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> </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">4444.li<br>4444.li</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>獲取源碼，公眾號回復【植物大戰僵尸】，見公 ~
不會還有人沒 點贊 + 關注 + 收藏 吧!
系列推薦：
Java 實現 捕魚達人 小游戲【附源碼】
Java 實現 貪吃蛇 小游戲【附源碼】
Java 實現 1024 小游戲【附源碼】
Java實現一個坦克大戰的小游戲【附源碼】
Java實現一個打飛機的小游戲【附源碼】
Java 實現 植物大戰僵尸 小游戲【附源碼】
總結
以上是生活随笔為你收集整理的Java 实现 植物大战僵尸 小游戏【附源码】的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 鸟哥的Linux私房菜学习笔记（三）
- 下一篇： 锡安赞歌 mp3下载