这回我们来看看植物是怎么结合阳光种下的。
注意,这里只是种下,攻击的子弹将会在另一篇中呈现。
效果预览
- 界面上有一个豌豆卡片让我们选择
- 点击卡片后扣钱,并产生一个拖动的豌豆
- 鼠标在格子中时,会产生一个植物的预览
- 点击后植物被种下
实现过程详解
初始化
这里初始化和前面生成太阳一样。
界面上有一个豌豆卡片
我们在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);// 植物选择区域注册点击事件
}
效果如下。
现在我们点击卡片后,就会执行一次onPlantClicked()函数。
onPlantClicked()函数的定义如下↓
//
// 选择植物卡片
//
function onPlantClicked(){
// 检查玩家是否有足够的钱来购买植物,并且是否正在拖动一个植物
if (money >= 100&&! pl