前端小游戏——植物大战僵尸(代码片段)

亮点菌 亮点菌     2022-12-05     410

关键词:

给大家分享一个植物大战僵尸网页游戏源代码,感兴趣的小伙伴可收藏学习 👉完整源码

文章目录


先来一睹“芳容”

⌛️效果展示



⌛️游戏介绍

《植物大战僵尸》 是一款极富策略性的小游戏。可怕的僵尸即将入侵,每种僵尸都有不同的特点,例如铁桶僵尸拥有极强的抗击打能力,矿工僵尸可以挖地道绕过种植在土壤表面的植物等。玩家防御僵尸的方式就是栽种植物。49种植物每种都有不同的功能,例如樱桃炸弹可以和周围一定范围内的所有僵尸同归于尽,而食人花可以吃掉最靠近自己的一只僵尸。玩家可以针对不同僵尸的弱点来合理地种植植物,这也是胜利的诀窍。游戏根据玩法不同分为五种游戏模式:冒险模式、迷你模式、解谜模式、生存模式、禅境花园。加之黑夜、屋顶、浓雾以及泳池之类的障碍增加了其挑战性该游戏近乎永无止境。

《植物大战僵尸》集成了即时战略、塔防御战和卡片收集等要素,玩家控制植物抵御僵尸的进攻,保护这片植物园。游戏中可以选用的植物有40多种,而每个场景最多只能选用10种植物,这就需要玩家根据自己的游戏策略来作出取舍。因为它成功地借鉴了一些战略游戏的要素——采集资源并利用资源建造其它单位,有些玩家甚至拿星际的战略往这款游戏中套用,以阐述这款游戏需要在何时发展“经济”,何时发展“兵力”。

这款游戏要求玩家既有大脑的智慧,又要有小脑的反应。在有了正确的战略思想之后,还要靠战术将战略实现出来。战术范围包括很广,植物的搭配、战斗时的阵型、植物与僵尸相遇时,是战是防这都属于战术的范畴。正确的战术是玩家在战斗中胜利的关键,选择正确的战术,需要先分析情况,再做出决定。那么提高战术水平也是要提高分析情况的能力。

⌛️游戏内容

(1)冒险模式

冒险模式也就是闯关模式,共有两大关卡,第一大关卡是白天模式,一共有十个小关卡。第二大关是夜晚模式,只有两个小关。

(2)小游戏

小游戏更加丰富多样,本人体验效果非常不错(不信你来试试)

开挂式僵尸让你体会不一样的乐趣(5000个僵尸,本人撑了不到一个回合,神仙来了估计也呼不住😜)


更多小游戏请自行体验


⌛️图片资源

下面是一些用到的部分图片(各红各样的植物以及一些场地道具)


⌛️代码展示

完整源码可点此下载:https://download.csdn.net/download/CSDN_anhl/86424202?spm=1001.2014.3001.5503

(1)HTML源码

进度条

<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="植物大战僵尸——任意阳光修改(代码片段)

简介??这是植物大战僵尸系列的第一个练习,目的是实现任意阳光修改功能。原理??该功能的原理其实很简单,大致步骤就是:1.开始任意一局游戏;2.找到该局游戏的阳光值在内存中的地址;3.根据该地址,找到游戏阳光的基地... 查看详情

植物大战僵尸(代码片段)

《植物大战僵尸》植物大战僵尸一、下载、解压安装包。下载链接,请转到第四步。二、依次打开PlantVsZombies,game,PlantVsZombies.exe。三、双击PlantVsZombies.exe运行游戏。四、链接:植物大战僵尸.文章属于原创,如需... 查看详情

java小项目之:植物大战僵尸,这个僵尸不太冷!(代码片段)

Java小项目之:植物大战僵尸!《植物大战僵尸》是由PopCapGames开发的一款益智策略类单机游戏,于2009年5月5日发售,这款游戏可谓是无人不知无人不晓。在我身边,上到40岁的大叔阿姨,下到7、8岁的小弟弟妹妹都听说和玩过这... 查看详情

用python实现植物大战僵尸(游戏截图+动态演示+源码分享)(代码片段)

...。希望能和大家共同进步!下面给大家带来python实现植物大战僵尸的的源码分享,只含有冒险模式。截图+动态演示+源码分享游戏截图动态演示源码分享state/tool.pystate/constants.pystate/main.py主执行文件main.py游戏截图动... 查看详情

《植物大战僵尸》游戏数据修改

本次任务实现修改植物大战僵尸后台数据:修改《植物大战僵尸》的存档位置。能跳到指定关卡5-1修改《植物大战僵尸》的存档文件,让你的游戏账户有1w金币同时通过修改关卡完成下面的任务:-修改关卡后解锁<... 查看详情

植物大战僵尸-2实现一炮秒杀僵尸(代码片段)

思路​猜测僵尸的血量在0-1000之间,通过CE搜索0-1000的值,并且每次打中僵尸之后搜索减少的值。通过这个可以顺带理解DNF或者其他刷怪游戏,秒杀怪物。1、最终找到普通僵尸的值为200,每次打中之后减少20。2、... 查看详情

游戏外挂开发原理初探——植物大战僵尸内存挂为例(代码片段)

前言对外挂有点兴趣,做番了解一、游戏外挂开发原理1、外挂分类外挂现在大体上来讲分为三种,分别是模拟按键,WPE封包和内存挂模拟键盘的,鼠标的,这种就叫做按键模拟,也叫脚本精灵修改数据包... 查看详情

noi2009植物大战僵尸

...战僵尸DescriptionPlantsvs.Zombies(PVZ)是最近十分风靡的一款小游戏。Plants(植物)和Zombies(僵尸)是游戏的主角,其中Plants防守,而Zombies进攻。该款游戏包含多种不同的挑战系列,比如ProtectYourBrain、Bowling等等。其中最为经典的... 查看详情

植物大战僵尸-3种植物无cd(代码片段)

思路1.放下一个植物之后,一直搜索变化的数值,当植物CD完毕之后,搜索未变化的数值。因石头冷却长,阳光少,我用石头进行测试。2.最终发现,在CD时,数值进行累加,冷却完毕之后数值变为0... 查看详情

植物大战僵尸游戏内存地址

《植物大战僵尸内存地址》英文原版查找地址一级基址:0x006A9EC0阳光: +768 +5560金币: +82c +28《模式》冒险: +82c +24其他模式: +7f8//16起70结尾《花园》花肥 +82c +1f8杀虫剂+82c +1fc巧克力+82c +228树... 查看详情

cogs410.[noi2009]植物大战僵尸

...MB【问题描述】Plantsvs.Zombies(PVZ)是最近十分风靡的一款小游戏。Plants(植物)和Zombies(僵尸)是游戏的主角,其中Plants防守 查看详情

python开发简单植物大战僵尸(代码片段)

运行效果1.引入需要的模块,配置图片路径,设置界面,创建游戏主入口。#1引入需要的模块importosimporttimeimportpygameimportrandom#1配置图片地址IMAGE_PATH='imgs/'scrrr_width=800scrrr_height=560GAMEOVER=False#1主程序clas... 查看详情

[noi2009]植物大战僵尸(代码片段)

题链SOL:最大权闭合子图,记得判环,边拓扑时要反向存,正反的答案不一样。我们考虑一个环,其每一个点都向中点连边,正向的话中点时判环中的,反向就判在环外了。#include<bits/stdc++.h>usingnamespacestd;template<classT>#de... 查看详情

python修改内存,(修改植物大战僵尸)(代码片段)

 importwin32process#进程模块importwin32con#系统定义importwin32api#调用系统模块importctypes#c语言类型importwin32gui#界面importtime#系统常量,标识最高权限打开一个进程PROCESS_ALL_ACCESS=(0x000F0000|0x00100000|0xFFF)#|位运算,0x十六进制window=w 查看详情

java小项目之:植物大战僵尸,这个僵尸有点冷!内附素材源码

Java小项目之:植物大战僵尸!《植物大战僵尸》是由PopCapGames开发的一款益智策略类单机游戏,于2009年5月5日发售,这款游戏可谓是无人不知无人不晓。在我身边,上到40岁的大叔阿姨,下到7、8岁的小弟弟妹妹都听说和玩过这... 查看详情

python开发植物大战僵尸游戏(附github项目地址)

今天给大家分享一个仿《植物大战僵尸》的小游戏开发案例。开发思路引入需要的模块,配置图片路径,设置界面宽高背景颜色,创建游戏主入口。#1引入需要的模块importpygameimportrandom#1配置图片地址IMAGE_PATH=‘imgs/... 查看详情

space defender,太空版植物大战僵尸游戏基本框架的设计

  查看详情

植物大战僵尸外挂(代码片段)

前俩篇讲到的方法都需要自己每次打开ce,并且尝试不同阳光值,找到对应内存,改变其值,现在同一次打开游戏,进行俩关:同一次打开游戏1-4关的时候,直接存放阳光数量的地址:0x19C8A1481-5关的时候,直接存放阳光数量的地... 查看详情