16.6 结束游戏

  当贪吃蛇碰到墙壁或者碰到自己的身体的时候,我们将调用gameOver函数来结束游戏。gameOver函数使用clearInterval来停止游戏,并且在画布上显示文本”Game Over”。 gameOver函数如下所示:


  首先,通过调用clearInterval并传入变量intervalId来停止游戏。这将会取消在16.2.1小节所创建的setInterval动画函数。

  接下来,将字体设置为60像素的黑色Courier,将文本居中对齐,并且把textBaseline属性设置为”middle”。然后,调用fillText并告诉它把字符串” Game Over”绘制到x坐标为width/2、y坐标为height\2的位置。最终的” Game Over”文本将会在画布中居中显示,如图16-11所示。

《javascript-少儿编程》第16章开发贪吃蛇游戏第1部分设置结束游戏

图16-11 当贪吃蛇碰到左墙壁后,显示” Game Over”屏幕