1. 背景
大概很多程序员都是喜欢玩游戏的吧，我也不例外。我们经常会看到电视剧中的各路游戏大神，要么是有只有他一个人会的骚操作，要么就是头脑堪比超算的厉害数学家，在各种紧张激烈的即时对决中公式算的飞起。对于程序员玩游戏呢，可能也有些不一样的地方吧，他们往往喜欢自己写辅助工具。不过，那些说写各种挂的，正经开发哪会这种操作啊，我看是真刑。
我主要玩的游戏是《天涯明月刀OL》端游，近期的云上之城玩法又更新了，又有一堆的地图坐标要去探索一番。唉，采集和对话应该是游戏的基本玩法吧，虽然如果不看剧情的话，是真的无聊。不过这个云上之城的剧情还可以吧，有些人生的感悟和探索，就像我一直想了解的世界的真相。
探索类玩法需要去各种隐藏的坐标点进行操作，能有一个坐标点的攻略必然是事半功倍。很幸运的是，通过天刀茶话会的攻略拿到了其整理的坐标点信息 EXCEL。但是一个个输入坐标点去探索，真的是太麻烦了。最好是能有张地图可以显示大概的位置，然后去自行规划路线一片区域一片区域的探索，这样才是探索正确的打开方式。
2. 画图思路
应该大多数游戏的地图都类似，是由一个 X 和 Y 的坐标点表示，地图的左下角为 （0,0）坐标。整个程序实现起来也没什么难度，首先整理好坐标点和标注信息，将其保存为 csv 文档，毕竟文本文件这样容易读取操作。然后使用程序打开地图图片，使用 Graphics 类的 DrawEllipse 方法在图像上绘制一个指定大小的圆，表示坐标点。
3. 地图获取
游戏中探索区域是地图的一部分，主要集中在右上角。该部分需要探索的坐标点均大于 （2000,2000），小于（4000,4000）。
首先地图使用了 2000x2000 大小的透明 PNG 作为地图，代码读取了 CSV 文件后进行左边点的绘制，在绘制坐标点时，实际的位置做了一些调整：
- 地图的左下角为 （0,0）坐标，代码绘制时的（0,0）坐标为左上角，需要修正调整
- 地图为部分区域位置，X 和 Y 坐标可以均减去 2000
游戏中的地图肯定不是一比一绘制的，此时我在 CSV 文件中记录了2个 NPC 的坐标点（位置已在上图用红圈圈出）记为 F1 和 F2，其在地图中也有关键标记。拿到程序运行后输出的坐标点图，然后截取游戏地图，使用 Photoshop 进行简单的处理：放大地图图层并调整位置，使其与刚刚记录的关键坐标点重合。
最后取消坐标点的图层，将文件另存就是一个 （2000,2000）到（4000,4000）坐标区间的 1:1 大小的地图了，可以使用程序直接读取，在上面绘制坐标点。
4. 代码实现
首先定义一个坐标点的类，这里需要存储 X 和 Y 坐标位置信息，还需要存储坐标点的描述信息。
class MapPoint
{
public int X { get; set; }
public int Y { get; set; }
public string Annotation { get; set; }
public MapPoint(int x, int y, string annotation)
{
this.X = x;
this.Y = y;
this.Annotation = annotation;
}
}接着从 CSV 文件读取坐标点，并将其保存到坐标点列表。
// 存储坐标点的列表
List<MapPoint> points = new List<MapPoint>();
// 修正坐标点，因为是地图中的一部分，所以减去一个固定的数值
int PointFix = 2000;
// 读取csv文件的每一行
foreach (string line in File.ReadAllLines("points.csv"))
{
// 将行解析为x、y和注释的值
string[] values = line.Split(',');
int x = int.Parse(values[0]);
int y = int.Parse(values[1]);
string annotation = values[2];
// 创建坐标点对象
MapPoint point = new MapPoint(x, y, annotation);
// 将坐标点添加到列表中
points.Add(point);
}最后读取地图，在地图上绘制坐标信息，需要注意初始坐标点不一致的问题。
// 读取图像文件
Image image = Image.FromFile("map.png");
// 创建Graphics对象
using (Graphics g = Graphics.FromImage(image))
{
// 设置绘图颜色
Pen pen = new Pen(Color.Red, 3);
SolidBrush brush = new SolidBrush(Color.Blue);
// 遍历坐标点
foreach (var point in points)
{
// 绘制坐标点
g.DrawEllipse(pen, point.X - PointFix, image.Height-(point.Y - PointFix), 10, 10);
// 绘制坐标点的注释
g.DrawString($"({point.X},{point.Y}){point.Annotation}", new Font("Arial", 8), brush, point.X + 15 - PointFix, image.Height - (point.Y - PointFix) - 8);
}
}
// 保存图像
image.Save("map-with-annotations.png", ImageFormat.Png);程序写好，当然是需要验证一下，那就跑一个采集点验证一下：
看起来位置没什么问题，接下来就可以用画图软件一片区域一片区域扫荡了和标记了。
5. 最后
完整版的代码和最终生成的地图坐标信息都放在 Github 了，地址： https://github.com/sangyuxiaowu/WuxiaYunchengMap
不说了，就这样，我去跑图收集道具了……
