mg

fe/resource/default.res.json

 {
 	"groups": [
 		{
-			"keys": "bg_jpg,egret_icon_png,description_json,control_jpg,grid_jpg,logo_jpg,mask_jpg",
+			"keys": "bg_jpg,egret_icon_png,description_json,control_jpg,grid_jpg,logo_jpg,mask_jpg,grid_select_jpg",
 			"name": "preload"
 		}
 	],
@@ -40,6 +40,11 @@
 			"name": "mask_jpg",
 			"type": "image",
 			"url": "assets/mask.jpg"
+		},
+		{
+			"name": "grid_select_jpg",
+			"type": "image",
+			"url": "assets/grid_select.jpg"
 		}
 	]
 }
\ No newline at end of file

fe/src/Guy.ts

@@ -26,8 +26,8 @@ class Guy extends egret.Sprite {
     this.x += this.step * delta.x
     this.y += this.step * delta.y
     
-    if(this.x <= 0){
-        this.x = 0
+    if(this.x <= 10){
+        this.x = 10
     }
     if(this.y <= 15){
         this.y = 15
@@ -35,8 +35,8 @@ class Guy extends egret.Sprite {
     if(this.y >= 72*9 + 15){
         this.y = 72*9 + 15
     }
-    if(this.x >= 72*13){
-        this.x = 72*13
+    if(this.x >= 72*13 + 10){
+        this.x = 72*13 + 10
     }
   }
 }
\ No newline at end of file

fe/src/Map.ts

@@ -4,6 +4,7 @@ const gridsInX = 14
 const gridsInY = 10
 class Map extends egret.Sprite {
   private grids:any = []
+  private touchArea: egret.Bitmap 
   public constructor() {
     super();
     this.init()
@@ -11,7 +12,6 @@ class Map extends egret.Sprite {
 
   // 初始化(给开始按钮绑定点击事件)
   private init() {
-    console.log('Map.init')
     for (let i = 0; i < gridsInY; i++) {
       this.grids.push([])
       for (let j = 0; j < gridsInX; j++) {
@@ -22,21 +22,44 @@ class Map extends egret.Sprite {
         this.addChild(grid)
       }
     }
-    if (Store.isCatcher()) {
-      const mask = new egret.Shape()
-      mask.x = 100 
-      mask.y = 100
-      mask.graphics.lineStyle( 10, 0x00ff00 );
-      mask.graphics.beginFill( 0xff0000, 1);
-      mask.graphics.drawCircle( 0, 0, 50 );
-      mask.graphics.endFill();
-      mask.touchEnabled = false 
-      this.mask = mask
+    
+    this.touchArea = new egret.Bitmap()
+    this.touchArea.texture = RES.getRes('mask_jpg')
+    this.touchArea.alpha = 0
+    this.addChild(this.touchArea)
+  }
+
+  public getSurroundedGrids(x, y) {
+    const left = Math.max(x / gridWidth - 2)
+    const top = Math.max(y / gridHeight - 2)
+    const grids = []
+    for (let i = left; i < 5 + left; i++) {
+      for (let j = top; j < 5 + top; j++) {
+        if (i >= 0 && j >= 0 && i < gridsInX && j < gridsInY) {
+          grids.push(this.grids[j][i])
+        }
+      }
     }
-    // put display object to this scene
+    return grids
+  }
+
+  public showSurroundedGrids(x, y) {
+    const surroundedGrids = this.getSurroundedGrids(x, y)
+    surroundedGrids.forEach(grid => {
+      grid.alpha = 1 
+    })
+    this.touchArea.alpha = 1
+    this.touchArea.x = x - 2 * gridWidth
+    this.touchArea.y = y - 2 * gridHeight
+
+    setTimeout(() => {
+      surroundedGrids.forEach(grid => {
+        grid.alpha = 0
+      })
+      this.touchArea.alpha = 0
+    }, 1000);
   }
 
   public release() {
-    // 移除事件
   }
 }
\ No newline at end of file

fe/src/MapGrid.ts

@@ -6,25 +6,22 @@ class MapGrid extends egret.Sprite {
     this.init()
   }
 
-  // 初始化(给开始按钮绑定点击事件)
   private init() {
-    console.log('Map.init')
     this.bg.texture = RES.getRes('grid_jpg')
     this.addChild(this.bg)
-    this.bg.touchEnabled = true
-    this.bg.addEventListener(egret.TouchEvent.TOUCH_BEGIN, this.onTouchTap, this)
+    this.touchEnabled = true
+    if (Store.isCatcher()) {
+      this.alpha = 0 
+      this.addEventListener(egret.TouchEvent.TOUCH_BEGIN, this.onTouchTap, this)
+    }
   }
 
   private onTouchTap() {
-    console.log(this, this.parent)
     if (Store.isCatcher()) {
-      console.log(this, this.parent)
-      // const map = SceneManager.getInstance().gameScene.map
-
+      this.parent.showSurroundedGrids(this.x, this.y)
     }
   }
 
   public release() {
-    // 移除事件
   }
 }
\ No newline at end of file

fe/src/SceneManager.ts

@@ -15,7 +15,7 @@ class SceneManager extends egret.DisplayObjectContainer {
     this.roomScene = new RoomScene();
     this.gameScene = new GameScene();
     // 默认添加开始场景
-    this.addChild(this.roomScene);
+    this.addChild(this.gameScene);
   }
   // 实例化单例获取方法
   public static getInstance(): SceneManager {

fe/src/Store.ts

@@ -31,6 +31,6 @@ class Store {
 
   static isCatcher() {
     return true
-    return _state.role === 'ghost'
+    // return _state.role === 'ghost'
   }
 }
\ No newline at end of file

fe/src/scenes/GameScene.ts

@@ -24,9 +24,11 @@ class GameScene extends egret.Sprite {
     this.controller.addEventListener("position_change", this.onPositionChange, this)
     this.map = new Map()
     this.map.y = 15
+    this.map.x = 10
     this.me.y = 15
+    this.me.x = 10
     this.addChild(this.map)
-    this.addChild(this.me)
+    this.map.addChild(this.me)
   }
 
   private onPositionChange(delta){