feat: score

tianqing617 · Nov 13, 2021 · 66e9995 · 66e9995
1 parent 37bb06c
commit 66e9995
Show file tree

Hide file tree

Showing 6 changed files with 37 additions and 16 deletions.
diff --git a/src/GameControl.ts b/src/GameControl.ts
@@ -1,3 +1,4 @@
+import { Pointer } from './tools'
 import Snake from './components/playGround/Snake'
 import Food from './components/playGround/Food'
 import InfoPanel from './components/infoPanel/InfoPanel'
@@ -46,8 +47,13 @@ export default class GameControl {
     return 300 - (this.infoPanel.level - 1) * 30;
   }
 
-  checkEat() {
-    //
+  checkEat(pointer: Pointer): void {
+    console.log('checkEat', pointer.isSame(this.food.pointer));
+    if (pointer.isSame(this.food.pointer)) {
+      this.food.changeLocation();
+      this.infoPanel.increaseScore();
+      this.snake.increaseBody();
+    }
   }
 
   run(): void {
@@ -69,6 +75,8 @@ export default class GameControl {
         break;
     }
 
+    this.checkEat(pointer);
+
     try {
       this.snake.headPointer = pointer;
     } catch (error: any) {

diff --git a/src/components/infoPanel/InfoPanel.ts b/src/components/infoPanel/InfoPanel.ts
@@ -14,21 +14,26 @@ export default class InfoPanel {
     return this.score;
   }
 
-  // set score(num: number) {
-  //   this.score = this.score + num;
-  // }
-
   get gameLevel(): number {
     return this.level;
   }
 
+  get info(): {score: number, level: number} {
+    return {
+      score: this.score,
+      level: this.level,
+    }
+  }
+
   increaseScore(): {score: number, level: number} {
     this.score = this.score + 1;
     // 控制升级
     if (this.score % this.upgrade === 0) {
       this.upLevel();
     }
 
+    console.log('increase', this);
+
     return {
       score: this.score,
       level: this.level,

diff --git a/src/components/infoPanel/InfoPanel.vue b/src/components/infoPanel/InfoPanel.vue
@@ -19,16 +19,11 @@ export default {
   name: 'InfoPanel',
   setup(): Record<string, unknown> {
     const infoPanel = new InfoPanel();
-    const info = reactive({
-      score: infoPanel.gameScore,
-      level: infoPanel.gameLevel,
-    });
-
-    // function test() {
-    //   const { score, level } = infoPanel.increaseScore();
-    //   info.score = score;
-    //   info.level = level;
-    // }
+    // const info = reactive({
+    //   score: infoPanel.gameScore,
+    //   level: infoPanel.gameLevel,
+    // });
+    const info = reactive(infoPanel.info);
 
     return {
       info,

diff --git a/src/components/playGround/Food.ts b/src/components/playGround/Food.ts
@@ -1,3 +1,5 @@
+import { Pointer } from '@/tools';
+
 export default class Food {
   element: HTMLElement
 
@@ -13,6 +15,10 @@ export default class Food {
     return this.element.offsetTop
   }
 
+  get pointer(): Pointer {
+    return new Pointer(this.element.offsetLeft, this.element.offsetTop);
+  }
+
   changeLocation (): void {
     // 食物的位置最小是0 最大是290
     // 蛇移动一次就是一格，一格的大小就是10，所以就要求食物的坐标必须是整10

diff --git a/src/components/playGround/Snake.ts b/src/components/playGround/Snake.ts
@@ -22,6 +22,7 @@ export default class Snake {
   }
 
   set headPointer(pointer: Pointer) {
+    // console.log('pointer', pointer);
     // 设置蛇头
     // console.log('headPointer', pointer);
     this.headEl.style.top = pointer.y + 'px';

diff --git a/src/tools/Pointer.ts b/src/tools/Pointer.ts
@@ -22,4 +22,10 @@ export default class Pointer {
   get y(): number {
     return this.locationY;
   }
+
+  isSame(pointer: Pointer): boolean {
+    return (
+      this.locationX === pointer.x && this.locationY === pointer.y
+    )
+  }
 }