Phaser3入门教程：第一个Phaser3游戏（中文版）（七）

• 键盘控制角色

 

碰撞已经处理好了，但我们还要让角色动起来。不知道你是否会马上想起去某些文档上搜寻如何加入监听器的方法，但这里你大可不必如此。Phaser内部已经有一个很好的键盘管理程序，只要用下面一段代码就可以使用：

cursors = this.input.keyboard.createCursorKeys();

这里的集合cursors对象的四个属性：上，下，左，右，以及所有的按键的对象实例。接着在update循环中添加下面的代码：

if (cursors.left.isDown) {     player.setVelocityX(-160);       player.anims.play('left', true); } else if (cursors.right.isDown) {     player.setVelocityX(160);       player.anims.play('right', true); } else {     player.setVelocityX(0);       player.anims.play('turn'); }   if (cursors.up.isDown && player.body.touching.down) {     player.setVelocityY(-330); }

尽管代码较多，但还是很好理解的。

第一件事是判断左键是否按下，是的话我们就给角色一个负的横向速度，并播放角色向左跑的动画。如果按下右键就反过来处理。通过把速度归零，我们可以角色停下来。

当按键按下时，角色会移动。按键松开时，立马停止。Phaser还能通过动量和加速度实现更多复杂的动作，但在这个例子中只要做到这点就可以了。后面一段代码判断没有键按下时，就让角色横向速度为零，并播放‘turn’的动画。

 

跳起来

 

最后一段代码增加了跳起的能力。上方向键就是跳起键，我们要判断上键的是否按下状态。还要检查角色是否在正地面上，如不是，那说面它正在空中。

如果两种条件都满足，我们就给角色一个纵向的330像素/秒的速度。因为重力的原因角色会自动落回地面。通过这些设置，我们就可以探索我们的游戏世界了。载入part7.html到浏览器中试试看吧！试着调整一下330那个数值，看看跳起来有是什么不同效果。