1. // 引入其他类
    2. import Snake from "./Snake";
    3. import Food from "./Food";
    4. import ScorePanel from "./ScorePanel";
    6. // 游戏控制器，控制其他所有类
    7. class GameControl {
    8.   // 定义三个属性
    9.   // 蛇
    10.   snake: Snake;
    11.   // 食物
    12.   food: Food;
    13.   // 记分牌
    14.   scorePanel: ScorePanel;
    16.   // 创建一个属性来存储蛇的移动方向（也就是按键的方向）
    17.   direction: string = 'Right';
    18.   // 创建一个属性用来记录游戏是否结束
    19.   isLive = true;
    21.   constructor() {
    22.     this.snake = new Snake();
    23.     this.food = new Food();
    24.     this.scorePanel = new ScorePanel();
    26.     this.init();
    27.   }
    29.   // 游戏的初始化方法，调用后游戏即开始
    30.   init() {
    31.     // 绑定键盘按键按下的事件
    32.     document.addEventListener('keydown', this.keydownHandler.bind(this));
    33.     // 调用run方法，使蛇移动
    34.     this.run();
    35.   }
    38.   // 创建一个键盘按下的响应函数
    39.   keydownHandler(event: KeyboardEvent) {
    40.     // 需要检查event.key的值是否合法（用户是否按了正确的按键）
    41.     // 修改direction属性
    42.     this.direction = event.key;
    43.   }
    45.   // 创建一个控制蛇移动的方法
    46.   run() {
    47.     // 根据方向（this.direction）来使蛇的位置改变
    48.     // 获取蛇的坐标
    49.     let X = this.snake.X;
    50.     let Y = this.snake.Y;
    52.     switch (this.direction) {
    53.       case "ArrowUp":
    54.       case "Up":
    55.         // 向上移动top减少
    56.         Y -= 10;
    57.         break;
    58.       case "ArrowDown":
    59.       case "Down":
    60.         // 向上移动top增加
    61.         Y += 10;
    62.         break;
    63.       case "ArrowLeft":
    64.       case "Left":
    65.         // 向左移动left减少
    66.         X -= 10;
    67.         break;
    68.       case "ArrowRight":
    69.       case "Right":
    70.         // 向右移动left增加
    71.         X += 10;
    72.         break;
    73.     }
    75.     // 检查蛇是否吃到了食物
    76.     this.checkEat(X, Y);
    78.     // 修改蛇的X和Y值
    79.     try {
    80.       this.snake.X = X;
    81.       this.snake.Y = Y;
    82.     } catch (e) {
    83.       // 进入到catch说明出现了异常，游戏结束，弹出一个提示信息
    84.       alert('GAME OVER');
    85.       this.isLive = false;
    86.     }
    88.     // 开启一个定时调用
    89.     this.isLive && setTimeout(this.run.bind(this), 300 - (this.scorePanel.level - 1) * 30);
    90.   }
    92.   // 检查蛇是否吃到了食物的方法
    93.   checkEat(X: number, Y: number) {
    94.     if (X === this.food.X && Y === this.food.Y) {
    95.       // 食物的位置要进行重置
    96.       this.food.change();
    97.       // 分数增加
    98.       this.scorePanel.addScore();
    99.       // 蛇增加一节
    100.       this.snake.addBody();
    101.     }
    102.   }
    104. }
    106. export default GameControl;