An HTML5 game 'Catch The Cat' powered by Phaser 3
An HTML5 game 'Catch The Cat' powered by Phaser 3
首先引入游戏框架 phaser.min.js
然后引入游戏代码 catch-the-cat.js
然后在指定的 div 中新建一个游戏的 canvas,并开始游戏
参数列表:
| 参数 | 值 | 说明 |
|---|---|---|
| w | 11 |
横向格子数 |
| h | 11 |
竖向格子数 |
| r | 20 |
圆半径像素 |
非必选参数:
| 参数 | 值 | 说明 |
|---|---|---|
| backgroundColor | 0xeeeeee |
背景颜色 |
| parent | catch-the-cat |
父元素的 id 或 DOM 对象 |
| statusBarAlign | center |
状态栏左对齐 left 或居中 center |
| credit | github.com/ganlvtech |
右下角的备注信息 |
参考 src/solvers/ 中提供的例子编写算法,并使用下列代码替换。
window.game.solver = yourSolver;这个 solver 的返回值即为猫要往哪个方向走一步,如果撞墙则算玩家获胜
| 值 | 说明 |
|---|---|
| -1 | 猫主动弃权 |
| 0 | 左 |
| 1 | 左上 |
| 2 | 右上 |
| 3 | 右 |
| 4 | 右下 |
| 5 | 左下 |
猫站在星号的位置,数字代表每个方向的编号
1 2
0 * 3
5 4例如
window.game.solver = function (blocksIsWall, i, j) {
return 0;
};即:一直向左走,直到撞墙。
MIT License
No open issues yet, or sync has not completed.