≪
▲ 工具栏
⚔️ 战斗地图
v0.101
🎲 DM 视图
👁️ 玩家视图
👁️ 玩家视图：仅玩家可见内容（DM 层 / 战雾绘制 / 先攻条已禁用）
⚠️ 依赖未加载，部分导出功能不可用
🔧 核心
👆
选择(V)
🔲
框选(X)
🖌️
笔刷(B)
📐
测量(M)
🧩 功能区
🔧
工具
🧺
单位库
🗺️
地图
DM
💾
数据
🌐
房间
⚙️
显示
📐 绘图 / 标注
🧱
墙壁(W)
🚪
门(D)
🏷️
标签(L)
🧹
擦除(E)
🖌️
画笔
🖼️
图片(T)
▭ 矩形
⭕ 圆形
📐 锥形
📏 线段
🖍️ 填充
透明度
40%
描边
线宽
2px
虚线
📏 线段
颜色
线宽
3px
虚线
📐 锥形角
29°
🎲 DM 专属
🕵️
DM层(Y)
🌫️
战雾(F)
🌫️ 遮住
✨ 揭示
🧹 全部清除
仅地形
仅墙壁/门边界
仅标签
仅 DM 层
仅战雾
🏞️ 地形
⬜
⚙️ 管理
更多地形 ▾
👆 选择工具后操作格子
🧺 单位库
可复用 token 预设
➕ 新建预设
📥 存选中单位
💡 点击预设拿起 → 在地图上点击放置；放置后自动回到「选择」，按住
Shift
可连续摆放，
Esc
取消。
🗺️ 底图
DM
🖼️ 导入底图
⚙️ 数值
🎯 网格对齐
🔒 底图锁定
⚠️ 底图默认锁定防误拖：点「🔒 底图锁定」解锁后，在「选择」工具下
点住底图直接拖拽
即可移动。
网格对不上？先「导入底图」，再点「网格对齐」：依次点图中 3 个格线交点（第 2/3 点可调「点间格数」）。
📐 模板：一键生成
🏠 房间
🛤️ 走廊
🕳️ 洞窟
🌿 空地
🧩 区域
🎬 场景
多张地图切换
➕ 新建场景
☁️ 云端地图
URL 回访自动恢复
☁️ 未启用
☁️ 保存到云端
🆕 新建云端地图
💾 保存 / 分享
💾 保存
📂 加载
🔗 分享
🗑️ 清空
↩️ 撤销
↪️ 重做
📤 导出
📊 导出 Excel
🖼️ 导出PNG
🦉 枭熊场景
📜 图例
🌐 在线房间
未连接
🌐 打开在线房间
🎭 跑团辅助
DM
🧭 行动顺序
🧩 编组
行动顺序/编组为 DM 专属；玩家视图下禁用。
⚙️ 显示开关
显示网格
显示坐标
🕵️ 显示 DM 层
🌫️ 显示战雾
🌐 动态视野
✏️ 手绘质感
🗂️ 图层
逐层显隐 / 锁定（锁=禁止误拖）
⚪ 选择模式
🔍 100%
👥 玩家
▾
❓
🗺️
开始一张新战斗地图
三种方式任选：
🖌️
直接用笔刷
— 在格子上画地形
🏠
模板生成
— 一键生成房间 / 洞窟 / 野外
🖼️ 导入底图
知道了
🎯 对齐模式：点击图中格线交点
点间
1 格
✓ 完成
✕ 取消
💡 选择工具 → 操作格子 → 导出 Excel
❓ 帮助 / 快捷键
关闭
☰ 菜单
💾 保存
📂 加载
🔗 分享 / 导入
☁️ 保存到云端
📊 导出 Excel
🖼️ 导出 PNG
🗑️ 清空地图
🏠 生成房间
宽度 (格子数):
8
高度 (格子数):
6
生成位置
选中的格子作为起点
视图中心（选中格或原点）
坐标原点 (0,0)
取消
✓ 生成
🛤️ 生成走廊
类型
直线
L 型转角
T 型分叉
十字路口
长度:
10
宽度:
2
生成位置
选中的格子作为起点
视图中心（选中格或原点）
坐标原点 (0,0)
取消
✓ 生成
🕳️ 生成洞窟
宽度 (格子数):
20
高度 (格子数):
15
墙壁密度:
45%
生成位置
选中的格子作为中心
视图中心（选中格或原点）
坐标原点 (0,0)
取消
✓ 生成
🌿 生成野外空地
宽度 (格子数):
15
高度 (格子数):
12
散落地形比例:
15%
生成位置
选中的格子作为中心
视图中心（选中格或原点）
坐标原点 (0,0)
取消
✓ 生成
🏷️ 格子标注
文字
取消
✓ 确认
▭ 画笔图形属性
名称（可选）
填充颜色
填充不透明度
40%
边框颜色
边框粗细:
2px
虚线边框
方向角度(°)
0°
长度(格)
张开角(°)
29°
尺寸 (格)
×
🗑️ 删除
取消
✓ 应用
📏 线段属性
名称（可选）
颜色
线宽:
3px
虚线
🗑️ 删除
取消
✓ 应用
🧝 单位 Token
新建
名称
类型
🧝 玩家
👹 敌人
🗣️ NPC
🤝 盟友
图标 (emoji)
底色
临时 HP
AC（可空，显示在右下角）
速度（可空）
HP 当前
HP 上限
宽(格)
高(格)
👁️ 视野半径(格，0=无)
作为玩家视野源
图层
🧝 生物层
🐎 骑乘层（垫在生物下方）
🎒 道具层
头像图片（可选，圆形裁剪）
状态标记
➕ 添加
备注（本机/DM 查看，不显示在地图上）
🗑️ 删除
取消
✓ 保存
⚙️ 地形管理
自定义地形会保存到浏览器
名称
图标 (emoji)
颜色
说明
取消
✓ 保存
➕ 新增地形
关闭
🧩 生成区域
新人友好范例模板
区域类型
🔸 困难地形区（移动×2 + 零散掩体）
🌊 水域（池水 + 岸边 + 浅滩）
🔥 火焰陷阱区（火焰 + 安全格）
🧪 酸液区（酸液 + 安全格）
📌 尖刺区（尖刺 + 安全格）
📶 高台区（高地 + 边缘墙）
🎓 教学示例区（墙柱+困难带+水池+火焰，展示各类地形）
宽度:
12
高度:
10
内容比例:
25%
区域边缘加墙
生成位置
选中的格子作为中心
视图中心（选中格或原点）
坐标原点 (0,0)
取消
✓ 生成
🕵️ DM 层标记
标记/图标（可空）
说明（仅 DM 可见）
🗑️ 清除
取消
✓ 保存
🧭 行动顺序 / 先攻条
点击名称编辑 HP/数值
➕ 添加条目
🧝 导入全部单位
🗑️ 清空
⏮
⏭
💡 单位与先攻条目已双向联动：右键扣血/治疗会自动同步到这里；在此改 HP 也会回写地图上的单位。
关闭
🧩 编组管理
同组单位拖动时一起移动
🧩 创建当前选中为编组
💡 先用「选择」工具 Shift/Ctrl 点选 2 个以上单位，再点「创建当前选中为编组」；之后拖动组内任一成员，整组一起移动。
关闭
🖼️ 底图设置
调整格子数量与偏移，让网格对齐图片
左上角 X (格)
左上角 Y (格)
宽度 (格数)
高度 (格数)
底图不透明度:
85%
💡 有现成网格线的地图：直接点「🎯 网格对齐」，在画布上把三条参考线拖到图中的格线上，系统会自动算出比例和对齐。
🎯 开始对齐
🗑️ 移除
取消
✓ 应用
🔗 分享 / 导入
⏳ 编码中…
🔗 生成分享
📋 复制链接
📋 复制数据串
📂 导入
关闭
提示：分享链接包含完整地图数据（含图片/单位/DM层/战雾/行动顺序），对方打开后自动导入。链接较长时可复制纯数据串，用「导入」粘贴恢复。
🌐 在线房间
你的昵称（房间内显示，可留空用默认）
房间名（字母/数字，分享给参与者）
🎲 创建房间
📥 加入房间
📋 复制邀请链接
🚪 离开
关闭
PeerJS P2P 实时同步：任意人改动地图都会广播给全房间。首次连接依赖公共信令，数据通道点对点加密。如果你有自己的 PeerServer，稍后可配置。