JavaScript游戏

JavaScript游戏中的代码如下所示：

1. 实现了游戏结束时的取消按钮点击事件和再来一把按钮点击事件，它们分别会重置游戏并隐藏游戏结束的弹窗：

cancel_btn.onclick = function () {
   for(var i = 0; i < snake.length; i++) {
      draw(snake[i], "White");
   }
   draw(food, "White");
   init_game();
   game_over_div.style.display = "none";
}

once_again_btn.onclick = function () {
   for(var i = 0; i < snake.length; i++) {
      draw(snake[i], "White");
   }
   draw(food, "White");
   init_game();
   game_over_div.style.display = "none";
   run_id = requestAnimationFrame(game_control);
}

2. 实现了游戏结束时的操作，包括暂停动画、显示得分和显示游戏结束的弹窗：

function game_over() {
   cancelAnimationFrame(run_id);
   game_over_score.innerText = "您的最终得分为: " + score + "分";
   game_over_div.style.display = "block";
}

3. 实现了游戏的控制函数，用于控制蛇的运动频率：

function game_control() {
   if(enabled) {
      enabled = false;
      requestAnimationFrame(run_game);
      setTimeout(() => enabled = true, time_internal);
   }
   run_id = requestAnimationFrame(game_control);
}

4. 实现了游戏的主运行函数，其中包括蛇的移动、判断游戏是否结束、更新得分和食物等操作：

function run_game() {
   syncMode();
   n = snake + direction;
   snake.unshift(n);
   if (snake.indexOf(n, 1) > 0 || n < 0 || n > 399 || (direction == 1 && n % 20 == 0) || (direction == -1 && n % 20 == 19)) {
      game_over();
   }
   draw(n, "#1a8dcc");
   draw(snake<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
-  *1* *2* *3* [JavaScript实现贪吃蛇小游戏](https://blog.csdn.net/qq_45801299/article/details/121171367)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]