PVZ系列二 | 植物_add new plants in pvz

这回我们来看看植物是怎么结合阳光种下的。
注意，这里只是种下，攻击的子弹将会在另一篇中呈现。

效果预览

• 界面上有一个豌豆卡片让我们选择
• 点击卡片后扣钱，并产生一个拖动的豌豆
• 鼠标在格子中时，会产生一个植物的预览
• 点击后植物被种下

实现过程详解

初始化

这里初始化和前面生成太阳一样。

界面上有一个豌豆卡片

我们在addPlants()函数中添加卡片。
并把它添加到main()函数中。

//
// 创建一个植物栏，现在只有一种植物
//
function addPlants(){
   
	var card_peaShooter = new lib.peaShooter();// 构造一株新的植物
	overlayContainer.addChild(card_peaShooter);// 增加植物
	card_peaShooter.buttonMode=true;// 鼠标滑过改变形状
	card_peaShooter.x = 60;
	card_peaShooter.y = 60;
	card_peaShooter.addEventListener("click",onPlantClicked);// 植物选择区域注册点击事件
}
1
2
3
4
5
6
7
8
9
10
11
12

效果如下。

现在我们点击卡片后，就会执行一次onPlantClicked()函数。
onPlantClicked()函数的定义如下↓

//
// 选择植物卡片
//
function onPlantClicked(){
   
	// 检查玩家是否有足够的钱来购买植物，并且是否正在拖动一个植物
	if (money >= 100&&
1
2
3
4
5
6