From 369f474fabc1fced0b0b738b0869b55857f3f9db Mon Sep 17 00:00:00 2001
From: flykhan <liubo666666@outlook.com>
Date: Tue, 14 Feb 2023 17:29:29 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E7=A2=B0=E6=92=9E=E6=A3=80?=
 =?UTF-8?q?=E6=B5=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/assets/scripts/GameMap.js | 29 ++++++++++++++++++++++++++++-
 web/src/assets/scripts/Snake.js   | 12 +++++++++++-
 2 files changed, 39 insertions(+), 2 deletions(-)

diff --git a/web/src/assets/scripts/GameMap.js b/web/src/assets/scripts/GameMap.js
index 87918d0..0652aa1 100644
--- a/web/src/assets/scripts/GameMap.js
+++ b/web/src/assets/scripts/GameMap.js
@@ -24,7 +24,7 @@ export class GameMap extends AcGameObject{
         this.cols = 14;
 
         // 绘制棋盘内部区域的障碍物(墙)的数量
-        this.inner_walls_count = 50;
+        this.inner_walls_count = 20;
 
         // 存储所有的墙
         // 上面的 super() 会先将 AcGameObject 先绘制, walls 的绘制在后面执行,因此墙最后会覆盖原棋盘格进行绘制
@@ -196,6 +196,33 @@ export class GameMap extends AcGameObject{
               snake.next_step();
         }
     }
+    
+    // 增加碰撞检测:检测目标位置是否合法:没有撞到蛇的身体和墙
+    check_valid (cell) {
+        // 碰墙检测
+        for (const wall of this.walls){
+            if (wall.r === cell.r && wall.c === cell.c)
+                return false;
+        }
+
+        // 蛇身碰撞检测
+        for (const snake of this.snakes) {
+            // 先特判蛇尾碰撞情况
+            let k = snake.cells.length;
+            // 当蛇尾可以前进(蛇尾可以前进说明此回合蛇尾没有增加)的时候,蛇尾不要判断
+            if (!snake.check_tail_increasing()) {
+                k --;
+            }
+            // 判断蛇身现有结点是否碰撞
+            for (let i = 0; i < k; i++) {
+                if (snake.cells[i].r === cell.r && snake.cells[i].c === cell.c)
+                    return false
+            }
+        }
+
+        // 没有撞到障碍物时, return true 
+        return true;
+    }
 
     update(){
         this.update_size();
diff --git a/web/src/assets/scripts/Snake.js b/web/src/assets/scripts/Snake.js
index 74c09ef..cbd8782 100644
--- a/web/src/assets/scripts/Snake.js
+++ b/web/src/assets/scripts/Snake.js
@@ -80,6 +80,11 @@ export class Snake extends AcGameObject {
             // 这里需要使用 JSON 方法进行深度复制,以产生新的对象避免数据出错
             this.cells[i] = JSON.parse(JSON.stringify(this.cells[i - 1]));
         }
+
+        // 如果下一步操作的目标位置碰撞检测不合法,则蛇直接去世
+        if (!this.gamemap.check_valid(this.next_cell)){
+            this.status = "die";
+        }
     }
 
 
@@ -150,8 +155,13 @@ export class Snake extends AcGameObject {
         const L = this.gamemap.L;
         const ctx = this.gamemap.ctx;
 
-        // 画圆(蛇的身体结点)
+        // 定义填充颜色
         ctx.fillStyle = this.color;
+        // 当蛇已经去世了,将其颜色变成惨白色
+        if (this.status === "die") {
+            ctx.fillStyle = "#ffffff";
+        }
+
         // 蛇的身体不止一节,需要枚举画出所有的肢结。of 遍历 cells 值
         for(const cell of this.cells){
             // 画成正方形