javascript 写植物大战僵尸（一）

最新推荐文章于 2024-06-24 15:17:32 发布

乔爷

最新推荐文章于 2024-06-24 15:17:32 发布

阅读量4.3k

点赞数 2

分类专栏： JS游戏文章标签： javascript 植物大战僵尸

本文链接：https://blog.csdn.net/samwang822/article/details/8570113

版权

本文作者分享了自己动手用JavaScript编写植物大战僵尸游戏的过程，分别介绍了代码文件结构，包括html、css和js部分，以及各个对象如子弹、僵尸的移动和删除逻辑。在demo.js中实现了主要的游戏逻辑，如植物的显示、僵尸的随机生成以及子弹的发射和碰撞检测。

摘要由CSDN通过智能技术生成

我在网上看了别人写的Javascript版植物大战僵尸，没想抄她的，自己已经有思路了。只用了她的images和musics. 一步一步来嘛，能写到哪就写到哪吧。当然如果大家有什么思路，多多指教。

代码文件存放目录：

文件目录

demo.html

引入声音文件，僵尸，射手，向日花，子弹。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>植物大战僵尸</title>
<link href="css/css.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/Zombie.js"></script>
<script type="text/javascript" src="js/demo.js"></script>
<script type="text/javascript" src="js/PB.js"></script>
</head>
<body>
<div id="tGround"></div>

<embed id="oEmbed" style="width: 0px; height: 0px;"
	src="music/Watery Graves.swf" />
	 
<div class="SunFlower"><img
	src="images/Plants/SunFlower/SunFlower.gif"></div>


<div class="Repeater"><img src="images/Plants/Repeater/Repeater.gif"></div>

<div class="PB"><img src="images/Plants/PB00.gif"></div>

<div class="Zombie"><img src="images/Zombies/Zombie/Zombie2.gif"></div>




</body>
</html>

css/css.css

僵尸&#x