我們的第一個演員在舞臺上玩的很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方法里調用我們新添加的方法。
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