基本位图字体渲染

Question

虽然我过去做过这样的话题，但这是从头到尾最基本的位图字体渲染方法。我希望有人能在这里看到我做错了什么。

虽然这篇文章很长，但如果 Bug#1 得到修复，它可以修复所有问题。这个问题涉及 C# (Bug#1) 和 C++ (Bug#2, Bug#3)。

对于位图字体渲染，我做了两件事

1) 在 C# 中创建大小为 2056x2056 的位图。我首先在 512x512 图像上绘制一个字符，然后我将图像大小调整为 128。我这样做的原因是我可能会在以后添加对文本的影响。这也引入了 Bug #1（见下文）。

2) 为每个字符渲染一个单独的矩形（参见 Bug#2 和 Bug#3）。

我遇到的问题是正确地按顺序渲染单个字符。要么存在 UV 问题，要么存在字母间距问题。现在进入错误

错误 #1：字体大小 我渲染到 512px 图形上的字体是 120。图形将调整为 128 的大小，是 4 倍小。在那里，我希望字体大小为 30。保存位图后，我将在 GIMP 中查看它以进行调查。我要做的一件事是从 GIMP 中绘制一个字符，而不是我位图中的一个字符。这将产生有趣的结果，尽管我不确定它是否错误。从下图可以看出，正确的绘制是让 GIMP 在“30 pt”处绘制字符，但是，如果我在“30px”处绘制它，它会明显变小。之所以如此重要，是因为稍后在 C++ 中我会将地图模式设置为“SetMapMode(dc,MM_TEXT);”。虽然，MSDN 详细说明，MM_TEXT 是“每个逻辑单元映射到一个设备像素”。

事实证明，GIMP 将“30pt”翻译成“40px”。因此，对于我的 C++ 代码，我将创建大小为“40”的字体，因为我将 MapMode 设置为像素文本设置。这就是为什么首先修复错误如此重要的原因。如果要修复此错误，则可以修复错误 #1 和 #2。

我对错误 #1 的问题，出了什么问题？我应该将地图模式设置为其他方式吗？我会将角色绘制为 512px 的图形，然后调整图形的大小。这是一个关键步骤，因此我可以对更大版本的角色进行效果。

错误 #2：紫外线 由于我每 128 个像素存储一次字符，因此很容易获得每个字符的位图 X/Y 值。但是，我不确定将 UV 推进多远才能正确绘制它们。我基本上尝试了为 AngelCode 位图字体渲染发布的 Promit 之类的操作，但是，由于我不确定它们是如何生成它们的值的，所以我在这里可能是错的。您可以在下面的两张图片中看到我计算的 UV 错误。

我对 Bug#2 的问题，我怎样才能正确地推进我的紫外线？我找到位图 X/Y 的方式没有任何问题，只是我如何移动它们进行渲染。

错误 #3：字母放置 我不确定如何正确移动我的角色，甚至无法正确获取距离。目前我只做“A + B + C”。这张地图似乎是正确的，但是，如果您查看下面的 Arial 图像，“j”在“n”和“f”之间看起来不合适。 Arial 的“b”和“y”似乎也存在问题，Times New Roman 也存在一些问题。

我对 Bug #3 的问题，我怎样才能正确地提升我的角色？

宋体渲染：

新罗马时代：

值得注意的是，我对使用任何外部库（例如 FreeType）或任何“黑客”来执行此操作不感兴趣。我希望使用 windows api 正确完成此操作。做其中任何一个都不值得讨论，如果我想使用它们，我早就可以这样做了。

由于板子里的源码标签坏了，我把示例源码贴在pastebins里。

C#（位图绘制）：http://pastebin.com/zpPPZVm0 C++（字体渲染）：http://pastebin.com/mHrUatEb

Answer 1

1 - 点和像素是不同的单位。所以那里没有错误。搜索“字体点像素”以获得解释。

3 - 对于比例字体（如 Arial），每个字符都有不同的宽度。在更高级的场景中，字符组合的宽度与其单个宽度的总和相比可能不同。您可以从 MeasureString (http://msdn.microsoft.com/en-us/library/system.drawing.graphics.measurestring.aspx) 开始阅读，阅读字体渲染的相关文章。