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