FMG 性能优化技巧 - 让地图生成更快更流畅

FMG（幻艺地图的核心）是一个纯前端 WebGL 应用——所有计算都在你的浏览器里完成，没有服务器帮忙分担。这意味着你的硬件、浏览器、参数设置都会直接影响地图生成速度和渲染流畅度。

我们从社区反馈和幻艺地图用户数据分析中总结了最常见的性能瓶颈和优化方案。如果你遇到了地图生成慢、界面卡顿、缩放拖动不流畅等问题，这篇文章会帮你逐项排查。

一、性能瓶颈分析

在具体优化之前，先理解 FMG 内部的性能消耗点：

• 地形生成算法：基于几千到几万个数据点（Voronoi / Delaunay 三角剖分），复杂度在 O(n log n) 量级。点数越多越慢。
• 河流模拟：需要遍历所有数据点，模拟水流从高处流向低处，复杂度接近 O(n)。
• 国家 / 文化生成：基于模拟退火或遗传算法，回合数越多越慢。
• 地形图标渲染：山脉、森林、沙漠图标都是独立的 SVG 元素，数量多了之后会拖慢浏览器渲染。
• WebGL 渲染层：高度图、生物群系等使用 WebGL，对 GPU 性能有要求。

二、快速生成的参数建议

最直接的性能调节方式就是调整初始生成参数：

建议策略：先用 5000 点快速试几个种子，找到满意的大陆轮廓后，再用同样的种子重新以 15000+ 点生成。种子相同的情况下，高点数版本会在低点数的基础上增加细节。

三、浏览器选择：Chrome / Edge 推荐

虽然幻艺地图在任何现代浏览器里都能跑，但实际性能差异显著：

重要建议：在 Chrome / Edge 的地址栏输入 chrome://gpu（Edge 也是 edge://gpu），查看 WebGL 是否标记为"Hardware accelerated"。如果没有开启硬件加速，性能会打折。你可以在浏览器设置里手动开启。

四、图层按需启用策略

FMG 默认会渲染很多图层元素（山脉图标、森林图标、城市标记、河流、国家边界……）。每一个图标都是一个 DOM 或 SVG 元素，数量多了之后浏览器渲染就会变慢。

你可以在右侧的"图层开关"面板里，关闭当前不需要的图层：

• 编辑地形时：关闭城市、山脉图标、文化/宗教图层
• 编辑政治版图时：关闭地形图标和植被图标
• 导出成品时：只保留最终想要的图层

关闭图层不会删除数据，只是不渲染。随时可以重新打开。

五、大地图的渲染优化

如果你用了 20000+ 点数生成的大地图，拖动和缩放可能会卡顿。试试这些办法：

• 降低导出分辨率：4x 导出虽然清晰，但对浏览器内存压力也最大。2x 通常足够。
• 使用 SVG 导出而非 PNG：SVG 的内存占用远小于同等内容的高分辨率 PNG。
• 分区域编辑：不要同时打开所有图层。编辑一个区域时，用"地形图编辑器的保留模式"聚焦到那一片区域。
• 增加浏览器内存配额：Chrome 默认内存限制约 2~4GB。在快捷方式里加参数 --js-flags="--max-old-space-size=8192" 可以提升到 8GB（需要重启浏览器）。

六、常见卡顿场景的解决方案

七、幻艺地图针对中文化的性能优化

幻艺地图在继承 FMG 全部功能的同时，也对中文用户做了几项性能层面的改进：

• 中文字体加载优化：默认使用系统中文字体（Noto Serif SC），避免额外字体文件的网络请求和渲染开销。
• 中文命名预计算：中式命名风格（古风、仙侠、唐风）的命名规则在服务端预编译，减少前端实时计算量。
• 云端保存走国内 CDN：会员云端使用国内云服务商，上传下载速度比 FMG 的 Dropbox / GitHub 快得多。
• 中式素材包延迟加载：素材包内容只在你主动加载时才下载，不影响初始页面加载速度。

推荐阅读

• 地形图编辑器完全指南 —— 编辑器操作也受性能影响
• 新手教程 —— 包含性能友好的初始参数推荐
• 高级自定义 —— 更多高级操作