JavaFX吃豆人游戏的编写过程之三

6月4日发表了英文连载中的第4篇文章。在这篇文章中，主要介绍了吃豆人和精灵之间互动的代码实现。代码可在“JavaFX游戏实例共享网站”中下载。

到上一篇文章为止，我们已经实现了游戏中所有的人物。现在我们来增加吃豆人和精灵追逐和互“吃”的处理逻辑。如果吃豆人和精灵相遇，只有两种情况，吃豆人吃掉精灵或者反之。如果吃豆人刚刚吞吃了魔法豆，他可以吃掉精灵，否则吃豆人就会损失一条命，这时，需要播放一段吃豆人消失的动画（如下图所示）：
shriking pac-man

这个动画在DyingPacMan类中实现，代码如下：

public class DyingPacMan extends Arc {

   var timeline = Timeline {
      repeatCount: 1
      keyFrames: [
        KeyFrame {
           time: 600ms
           action: function() {
        // hide the pacMan character and ghosts before the animation
              maze.pacMan.visible = false;

              for ( g in maze.ghosts ) {
                 g.hide();
              }
              visible = true;
            }
           values: [ startAngle => 90, length=>360 ];
         },
        KeyFrame {
           time: 1800ms
           action: function() {
              visible = false;
            }
           values: [ startAngle => 270 tween Interpolator.LINEAR,
                     length => 0 tween Interpolator.LINEAR ]
         },
      ]
    }

 ... 代码省略 ...
}

在这个动画中，定义了2个KeyFrames，一个在600ms，另一个在1800ms。在这两个关键帧中采用了JavaFX的线性插值（Interpolator.LINEAR）方式。线性插值的作用就是把动画中数据按照时间关系，在帧与帧之间线性变化，从而实现平滑的动画效果。在上述代码中，两个实例变量：startAngle和length, 通过线性的均匀变化，实现了我们需要的动画过程。参考下图的时间轴。第一个关键帧的时间是600ms而不是0ms，是因为我们希望游戏在这瞬间稍微停顿600ms。
timeline pac-man