【大型图片字库AVG汉化第1弹】ANKH 主菜单图片字库的制作

shane007

这些天我一直在想一种比较简便的制作任意字体大小图片字库的方法。
注意，是任意字体大小，不是任意图片大小。
下面简单说一下方法。
8 i9 A) P: Y$ @: Q' l$ ?
  Z! n5 ?$ {) Q+ s0 M首先我们用一个制作点阵字库的工具制作一个点阵字库，字体的高度和宽度可以任意设定，不过我们一般来说设为相等的。
$ Z) L1 O& l7 k8 {& @, x具体的高度和宽度我们可以参考原来的字体,找一个差不多的高度和宽度就可以了.
+ m/ c. F# }4 j接下去我们可以这么做
- d; B; Y9 }* s- W: ?
1.用任意点阵字库制作工具制作字库
) l' G# Y% k, u& B: k* D  由于是工具根据TTF字库制作出来的点阵字体，所以字体的大小一致是有保证的。
/ e# d# E/ n9 }, a任意点阵字库制作工具如下
https://www.chinaavg.com/read.php?tid=17138
; ?6 [* o/ `, {5 s0 I4 k任意点阵字库查看工具如下
, ~2 I( Y* I0 phttps://www.chinaavg.com/read.php?tid=16610
7 u" d# m5 F1 ~4 x1 O
# R+ V% G9 {3 G8 A2.准备好我们需要的汉字
+ s: u0 Y- ^+ v5 |) [; C  用工具制作出来的字库是包含了所有的汉字，所以我们需要先把我们需要汉化的字幕翻译好，整理出其中不重复的汉字。
: f1 e" k* M; y; N) Z! h
# }: W. j2 t5 G! y: _/ d$ s3.在tga中写入我们需要的汉字
7 ^$ q: ~! O# m+ R7 E  有了我们需要的不重复的汉字列表，还有一个全汉字版的点阵字库，我们就可以进行汉字抽出和变换工作了。
% u. i+ [1 e7 X4 ?/ i* r  首先我们要解释一下这个任意点阵字库制作工具生成的字库的格式，这个工具是采用字节对齐方式来生成字库的。
  什么叫字节对齐？
  比方说，一个字节有8个bit,可以表示8个点的状态，那么16X16的点阵字库一行像素需要16位也就是2个字节来表示。一个汉字就需要32个字节来表示。那么如果我们的汉字是17X17的呢？1行用2个字节就不够了，1行最后那个点虽然只需要用一个位来表示，但是也占用了一个字节，
$ M, f+ H, Z5 P6 k) Z$ h" Z1 ]. D  a5 C
这就叫字节对齐。所以17X17的汉字需要17X3=51个字节来表示。
  
! H0 }& n+ U* X, ?0 q  n  好，理解了这些。我们可以找到一个汉字在字库中的字模并且取出字模了。
4 F- n- W% s" I5 a# k  光取出字模还不够，我们还要把它变换为我们需要的tga图片字库文件。
  字模是用一个字节中的一个bit来表示一个点（我忘了是用0还是1来表示有点了，假设是1）。
  而tga图片是用FF FF FF FF 来表示一个有色点,FF FF FF 00来表示一个透明点。
- o- m% d- J' u( }" l. V1 l( s) k7 }/ V  我们要做的是把字模中的1转换为tga图片中的有色点，把字模中的0转换为tga图片中的透明点。
- `  c$ O5 I: {0 r
GB索引代码如下
  @4 F9 m. w* n, S; iidx = ((idx % 256) - 0xa1)* 94  + ((idx / 256) - 0xa1);
% N, L# ~+ i! z. H+ m
  W: }/ [1 A. b3 W0 x& Q9 `4.XML
& ^& a) m5 z9 x* s  把字库tga文件生成好以后还要生成配套的XML文件。
  这个应该比较好理解，我就不多作解释了。
  根据字体的高度和宽度以及在tga中的位置来生成就行了。

$ s! V- X0 }, ?5 b------------------------------------------
4 Z; R9 Q( E% J0 ]5 A9 ^2009.6.7 更新
4 G0 T8 P+ U- s  U9 s, I我再补充一下，我们还需要做2件事。

7 h; U0 I% D+ s/ d' p1.生成码表
0 W/ |+ ~, d8 d  码表就是中文字符和xml中定义的ascii码的对应表。具体的格式可以自由定义，只要我们自己编的程序能够识别就行了。
2 Z* v) h' \3 b7 {2.转换生成菜单字幕文件
   菜单字幕文件的原始内容是一个ID对应一个英文字符串
2 t. B. W" m4 Q  H+ r$ ]8 w( g   我们要先把它转换成一个ID对应一个中文字符串，然后到码表中寻找每个中文字符对应的ASCII码，再把它写回到菜单字幕文件文件中即告完成主菜单的全部汉化工作。

肥牛

前三步应该不难，甚至可以合并到一个工具里来实现。也就是从TXT中提取汉字，整理不重复的以后，直接生成TGA文件。
4 L) r- ]4 r/ z9 n3 m9 c% w6 Y至于第四步，我还没有研究过游戏的XML结构。不好下结论。但想来是XML结构应该不会太难。
3 p3 r+ g4 [8 n' C" J6 _因为下载的两个游戏都在单位的电脑上，我明天一早就出差走，可能没有时间去研究了。那就凭我现在的理解说两个问题，可能两个问题一旦搞明白XML文件以后就不是问题了，但还是希望007能给我解释一下，这样我在出差的时候就能够把程序的主题框架构思出来，解决一些算法上的问题，出差一回来就可以动手了。
2 ^  l5 i% x! a& \3 R$ z
问题1：我们汉化的游戏中的英文和数字怎么处理？仍然调用原来的字体TGA文件吗？
7 a4 l' ?3 P' n2 {问题2：假设我们汉化制作好以后的TGA中按顺序保存了如下汉字“一二三四”，而在需要显示的对话中，一句是“一三”，另一句是“一四”。
+ r8 I. f) _3 z% c那么在XML中，是不是应该有这样的结构：
{
- ^2 s; H6 n( _4 a% R8 F5 o3 ~* K+ dSHOWTEXT  //需要显示文字的ID，或者是偏移量
X  // 显示的X坐标
Y  // Y坐标
}
0 o/ w" Z. W$ B9 k$ x0 Y当然，如果这个结构中再包含字体文件，那就解释了我的第一个问题。如果是这样，那又出现一个新问题，就是制作汉化的XML时，需要考虑英文或者数字的宽度，将后面的文字显示位置进行调整。
4 l& `( D# T1 ~4 y6 z: X
/ `; ]* O' R: T/ d$ c6 g$ w+ h* Q“一三”对应的XML内容就是{TGA名, ID:1, X:100, Y: 100;TGA名, ID:3, X:116, Y: 100}  //假设显示在(100,100)
4 h# s, b0 Z+ x2 x“一四”对应的XML内容就是{TGA名, ID:1, X:200, Y: 100;TGA名, ID:4, X:216, Y: 100}  //假设显示在(200,100)

7 z( W& x' N4 {3 T* B猜测，以上都是我的猜测，请007发一个游戏中XML的样式我看一下。

shane007

我先回答你的第一个问题
对于主菜单以外的字幕，字幕的内容其实是任意的，我们只要能识别出ID,字幕随便我们写。
你应该是问主菜单的英文和数字对吧。这也不难，中文字库里有英文和数字的，把中文字库里的英文和数字当成中文字符一样转换成tga中的一部分就行了。
! N, z/ A. s- f只不过索引算法有点不同，你用工具看一下中文字库中的英文和数字的位置应该可以知道了。
还有个笨办法，把10个数字和26个字母一个一个从中文字库切出来，要哪个就往图片上画哪个就行了。
& w+ h( E+ f7 l  ~8 S0 [
% Z* o# b5 l4 A1 {% ^' w) Q3 J我先把xml放上来。

shane007

<Image Name="32" XPos="0" YPos="0" Width="1" Height="0" XOffset="0" YOffset="36" />
  <Image Name="33" XPos="299" YPos="171" Width="11" Height="29" XOffset="-2" YOffset="4" />
/ W6 |5 K% d- F, X# z' u2 j
1 s5 h+ s# A( i' {+ A8 w: B; C看来你又理解错了。
- ?: `* s8 C; C+ K/ N7 R/ x看一下上面的定义，其实很好理解，XPos，YPos应该是字符的左上角那个点，Width，Height是字符的宽度和高度，XOffset，YOffset是显示时候的修正量。xml的一行对应一个字符，如果是中文的话，由于宽高相等，这个xml的值是很有规律的。

XML对应的是一种字体。
; I0 X3 w+ q7 s9 H所以没有你认为的“一三”对应的XML内容就是。。。“一四”对应的XML内容是。。。之说。
“一三”，“一四”是定义在主菜单的字幕文件Interface_english.bin里，然后程序会在tga和xml中寻找“一”，“三”，“四”，并把它们显示出来。就是说在tga和xml中没有重复的内容，否则就不能称之为字库了。

firendless

似乎这类的都可以动手了？

shane007

引用第4楼firendless于2009-06-07 20:53发表的  :
. _2 O6 s  b7 M+ ~" j( P3 \似乎这类的都可以动手了？

应该是的。
; p. {- ~( s) E* Q: G3 h! c, r6 P不过proxy dll 内部的识别部分我还没什么把握，我对vc也不太熟，但是研究一下应该可以搞出来。
" x, u( U0 |: u: n我的这个新技术有很大的通用性的。
不过也有局限性，字幕画面太复杂的不行。像日记，对话记录之类的东西可能会有问题。
ankh搞定之后，我想研究一下字幕随鼠标位置变化的游戏。

肥牛

看来我对游戏XML还是没有理解，我猜测的跟实际的相差很多。
  s* [: i* h! ^' I/ w+ c; L你发的文件我研究了一下，.font.xml， .imageset.xml，.TGA文件，这三个是一组。在imageset文件里，规定了字符要从TGA文件中读取，TGA文件的宽度和高度也都定义了。而且每个字符的左上角坐标以及宽度高度定义出来。我注意到，这里的定义是按照ASCII码的顺序定义的，比如A就是65。然后.font文件里把ASCII码(Codepoint)和图片编号对应上。这里又出现了一个问题：
因为是ASCII码，所以理论上能处理的最多是255个字符。这就要求我们汉化的这些东西不能超过255个不同的汉字+英文+数字+字符，也许对于主菜单来说，做到这个并不是很困难。
# u4 L: e3 Y  V; a' x5 w于是，我的猜测是这样，假设我们整理出来的汉字是这样“一二三四”，并且已经在TGA文件里设计好了，然后我们在imageset里定义他们的图片，分别分配编号128，129，130，131，然后在字幕文件Interface_english.bin里，需要显示“一”的地方用ASC(128)代替，“二”的地方用ASC(129)代替。只所以这样，是考虑有英文字母数字等情况，所以128以前的保留。那就只剩下127个汉字可以显示了。
那就需要做两种考虑，一种是汉字数小于127的，按我上面的理解；另一种是汉字数大于127， 那就需要把前面的某些用不到的字符去掉，相当于全部打乱重新排列了。
1 N1 B% L2 [6 C' Y4 |如果我上面的理解没有大的错误的话，程序应该很简单了。但是我现在想不明白的是，为什么在TGA文件里，每个字母的排列不是按照顺序的？好像很杂乱，又好像是为了节省地方特意安排的。而且最大的图片尺寸是512*512，如果我们需要显示汉字的话，1024*1024甚至更大的TGA图片能行吗？

shane007

2009.6.7 更新

firendless

随鼠标其实也很简单的，几乎都是rect,无外乎椭圆以及矩阵的焦点~hook获取就可以了..代理果然好，幸亏之前有预习C\\C++~哇哈哈

shane007

肥牛,你的理解又进了一步。不过还有问题。
4 o) h* C5 ~( k9 l8 L3 E: Atga图片里面的字符数量的限制，其实只是ascii码的限制。最多放0-255共256个字符。
, ~7 _% N: \% y+ a  S2 E/ b在图片里只保存我们要的字符，即使要英文字母数字，也不需要把所有的英文字母数字都保存到tga中。同理，也只把我们要用到的中文字符保存到tga图片里面。
* i% `& q: g/ r6 I理解了这个道理的话，就知道256个字符足够了。
上面说了，tga图片里面的字符数量的限制，和图片的大小是无关的。
! H+ ^; r5 W6 R3 j' y, }
% z0 b: W+ C. [2 a5 j在TGA文件里，每个字母的排列不是按照顺序的？好像很杂乱。
) X. a2 h: S- F3 ?/ V4 ]; ]8 Q! x9 ]这的确是为了省地方，对我们汉化来说，没什么意义，不用照着它做。