简介
planar-phaser 是一个基于 Phaser 游戏引擎的 npm 模块。使用 planar-phaser，你可以轻松地创建平面地图和寻路系统。
安装
你可以通过以下命令来安装 planar-phaser：
npm install --save planar-phaser
导入
在使用 planar-phaser 之前，必须先将它导入到你的项目中。
import { Map, PathFinder } from 'planar-phaser';创建地图
使用 planar-phaser 创建一个平面地图非常简单。首先，你需要准备一个地图数据，地图数据可以是一个二维数组，每个元素代表一个地图格子的类型。例如：
const mapData = [ [1, 1, 1, 1, 1], [1, 0, 0, 0, 1], [1, 0, 1, 0, 1], [1, 0, 0, 0, 1], [1, 1, 1, 1, 1], ];
上面的 mapData 表示一个 5 x 5 的地图，其中 1 代表障碍物，0 代表可以通过的空间。
接下来，你可以使用 Map 类来创建一个地图：
const map = new Map(mapData);
现在，你可以使用 map 对象来查询地图的一些信息了。例如查询一个位置是否为障碍物：
const isObstacle = map.isObstacle(1, 1); // false
创建寻路器
创建寻路器也非常简单，只需要传入地图对象和起点终点坐标即可。例如：
-- -------------------- ---- ------- ----- -- - -- ----- -- - -- ----- -- - -- ----- -- - -- ----- ---------- - --- ------------ ---- ----------- - -- --- -- -- -- --------- - -- --- -- -- -- ---
寻路
现在你可以使用 pathFinder 对象来执行寻路操作了。例如：
const path = pathFinder.findPath();
console.log(path); // [{x: 1, y: 1}, {x: 2, y: 2}, {x: 3, y: 3}]示例代码
-- -------------------- ---- ------- ------ - ---- ---------- - ---- ---------------- ----- ------- - - --- -- -- -- --- --- -- -- -- --- --- -- -- -- --- --- -- -- -- --- --- -- -- -- --- -- ----- -- - -- ----- -- - -- ----- -- - -- ----- -- - -- ----- --- - --- ------------- ----- ---------- - --- ------------ ---- ----------- - -- --- -- -- -- --------- - -- --- -- -- -- --- ----- ---- - ---------------------- ------------------ -- ---- -- -- --- --- -- -- --- --- -- -- ---
总结
使用 planar-phaser 创建地图和寻路系统非常简单。如果你正在开发 Phaser 游戏，不妨考虑使用 planar-phaser 来帮助你更快地开发出一个功能完整的游戏。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600566b381e8991b448e2fe8