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);