Update description

docs/docs/board.md

@@ -13,6 +13,7 @@ Core object of Board system.
 - [Triangle to tileXY array](https://codepen.io/rexrainbow/pen/wLYmyw)
 - [Ellipse to tileXY array](https://codepen.io/rexrainbow/pen/LYYJmxE)
 - [Bounds](https://codepen.io/rexrainbow/pen/PoeZOGo)
+- [Boundary points](https://codepen.io/rexrainbow/pen/zxOoXPN)
 
 ## Usage
 
@@ -1195,6 +1196,34 @@ Offset all of tile positions to `(0, 0)`, and set board size to fit these tile p
     graphics.strokePoints(points, true);
     ```
 
+### Boundary points around tiles
+
+- Get boundary points around tiles
+    ```javascript
+    var pointsAarray = board.getBoundaryPoints(tileXYArray);
+    ```
+    or
+    ```javascript
+    var pointsAarray = board.getBoundaryPoints(chessArray);
+    ```
+    or
+    ```javascript
+    var pointsAarray = board.getBoundaryPoints(tileZ); // All tiles on tileZ
+    ```
+    or
+    ```javascript
+    var pointsAarray = board.getBoundaryPoints(); // All tileXY position
+    ```
+- Draw grid polygon on [graphics object](graphics.md#lines)
+    ```javascript
+    pointsAarray.forEach(function (points) {
+        graphics
+            .lineStyle(lineWidth, color, alpha)
+            .strokePoints(points, true);
+    })
+    ```
+
+
 ### Bounds
 
 #### Board bounds

docs/docs/gameobject.md

@@ -234,6 +234,15 @@ var output = gameObject.getCenter(output);      // output: {x, y}
 var output = gameObject.getBounds(output);      // output: {x, y, width, height}
 ```
 
+Draw bounds on [graphics](graphics.md)
+
+```javascript
+// var graphics = scene.add.graphics();
+graphics
+    .lineStyle(lineWidth, color, alpha)
+    .strokeRectShape(gameObject.getBounds());
+```
+
 ### Origin
 
 - Get

examples/board/get-boundary-points.js

@@ -26,16 +26,16 @@ class Demo extends Phaser.Scene {
             width: 20,
             height: 20
         })
-        .forEachTileXY(function (tileXY, board) {
-            if (Math.random() < 0.5) {
-                var chess = this.rexBoard.add.shape(board, tileXY.x, tileXY.y, 0, 0x333333);               
-            }
-        }, this);
+            .forEachTileXY(function (tileXY, board) {
+                if (Math.random() < 0.5) {
+                    var chess = this.rexBoard.add.shape(board, tileXY.x, tileXY.y, 0, 0x333333);
+                }
+            }, this);
 
-        var boundaries = board.getBoundaryPoints(0);
-        for (var i = 0, cnt = boundaries.length; i < cnt; i++) {
-            graphics.lineStyle(2, 0xff0000, 1).strokePoints(boundaries[i], true);
-        }
+        var pointsAarray = board.getBoundaryPoints(0);
+        pointsAarray.forEach(function (points) {
+            graphics.lineStyle(2, 0xff0000, 1).strokePoints(points, true);
+        })
     }
 
     update() { }

plugins/board/board/LogicBoard.d.ts

@@ -445,6 +445,16 @@ declare class Board<ChessType = unknown> extends EE {
         out?: Rectangle | true
     ): Rectangle;
 
+    getBoundaryPoints(
+        tileXYArray?: ChessType[] | TileXYType[],
+        out?: WorldXYType[]
+    ): WorldXYType[];
+
+    getBoundaryPoints(
+        tileZ?: number | string,
+        out?: WorldXYType[]
+    ): WorldXYType[];
+
     chessToBoard(chess: any): Board;
     static GetBoard(chess: any): Board;