入门5|入门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|入门5 吃货登场
文章图片
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|入门5 吃货登场】

    推荐阅读