入门5 吃货登场

作者: 工匠前沿 | 来源:发表于2018-01-09 12:36 被阅读0次

    我们的第一个演员在舞台上玩的很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

    相关文章

      网友评论

        本文标题:入门5 吃货登场

        本文链接:https://www.haomeiwen.com/subject/dhubnxtx.html