入门5 吃货登场

我们的第一个演员在舞台上玩的很happy。这节就让我们的吃货上场。
首先添加一个方法来添加我们的吃货,并把它放到舞台的下方。

function addPlayer() {
    player = game.add.sprite(0, 0, 'player');
    game.physics.arcade.enable(player);
    player.anchor.set(0.5);
    player.x = game.width / 2;
    player.y = game.height - player.height - 150;
}

通过调用game.physics.arcade.enable,把我们的吃货加入物理引擎种,这样子可以做碰撞检测。在create方法里调用我们新添加的方法。


入门5 吃货登场_第1张图片
8.gif

看着happy的月饼,不知道我们的吃货淌了多少口水。继续添加代码,满足我们的吃货。

function addPlayer() {
    player = game.add.sprite(0, 0, 'player');
    game.physics.arcade.enable(player);
    player.anchor.set(0.5);
    player.x = game.width / 2;
    player.y = game.height - player.height - 150;
    playerTween = game.add.tween(player).to({ y : game.height + player.height }, 10000, 'Linear', true);
    game.input.onDown.add(fire, this);
}

function fire() {
    game.input.onDown.remove(fire, this);
    playerTween.stop();
    playerTween = game.add.tween(player).to({ y : -player.height }, 500, 'Linear', true);
}

addPlayer中我们给吃货加了个运动,慢慢滑落下舞台,草草谢幕,总不能给你无限的时间来瞄准吧。game.input.onDown.add方法是处理输入相应的,比如鼠标点击(智能设备上是手指点击),当点击的时候触发第二个方法fire。这个方法首先移除点击事件,避免多次点击。通过playerTween.stop先让我们的吃货停止了之前的移动,然后新加了一个运动,就是朝着屏幕上方的位置垂直飞起,轰轰烈烈的。

9.gif

我们的吃货慢慢的坠落,几乎快落幕的时候我点击了下它,然后它就生无可恋般地飞出了屏幕。吃货的世界,好难懂┭┮﹏┭┮
本节教程代码下载地址:
码云
github

你可能感兴趣的:(入门5 吃货登场)