Torque2D MIT 学习笔记(27) ---- ImageFont的使用以及字体ImageAsset的工具生成

前言

　　ImageFont继承于SceneObject,是一个场景对象,支持例如旋转,缩放,移动加速度以及物理碰撞等一切Torque中场景对象的一切功能.

　　ImageFont只支持ASCII编码表中的32-127这么96个字符,字符的表现是通过一个ImageAsset文件配合一个对应的PNG图片来完成的.

　　ImageAsset中的帧序列与32-Char的结果对应,从而完成渲染.

问题

　　目前主流的字体生成器都没有支持Torque的格式导出,所以想自己做一款字体就比较麻烦.当然你可以去找图,毕竟原理上面已经说了,只要满足就可以.

　　这里我说一种使用BitmapFont工具来生成,然后通过TorqueScript写的工具来做一次转换得到相应的Taml资产格式.

步骤

　　BitMapFont

　　　　　　免费软件,下载直接使用.

　　　　　　勾选32-126的字符:

　　　　　　

　　　　　　选择字体和导出选项:

　　　　　　

　　　　　　保存文件并拷贝到Torque执行文件目录,比如生成的文件叫做: testFont.fnt testFont_0.png　　　　　　

　　脚本实现　　　　　　

// 转换
function BMFontToImageAsset( %fnt_file, %asset_file, %asset_name, %asset_image )
{
	// 文件读取
	%document = new SimXMLDocument();
	if( !%document.loadFile( %fnt_file ) )
	{
		echo( "BMFontToImageAsset.Failed.BadFntFile:" SPC %fnt_file );
		return false;
	}
 
	// 节点寻找失败
 
	if( !%document.pushFirstChildElement("font") )
	{
		echo( "BMFontToImageAsset.Failed.BadFntFile:" SPC %fnt_file );
		return false;
	}
 
	// 节点寻找失败
	if( !%document.pushFirstChildElement("chars") )
	{
		echo( "BMFontToImageAsset.Failed.BadFntFile:" SPC %fnt_file );
		return false;
	}
 
	// 节点寻找失败
	if( !%document.pushFirstChildElement("char") )
	{
		echo( "BMFontToImageAsset.Failed.BadFntFile:" SPC %fnt_file );
		return false;
	}
 
	%savexml = new SimXMLDocument();
	%savexml.pushNewElement( "ImageAsset" );
	%savexml.setAttribute( "AssetName", %asset_name );
	%savexml.setAttribute( "ImageFile", %asset_image );
	%savexml.pushNewElement( "ImageAsset.Cells" );
 
	// 循环查找32-127之间的ASCII字符信息
	while( true )
	{
		%id = %document.attribute("id");
 
		// 不合法跳过
		if( %id < 32 || %id >= 127 )
		{
			echo( "BMFontToImageAsset.Failed.InvalidChar:" SPC %fnt_file );
			continue;
		}
 
		// 属性取得
		%x = %document.attribute("x");
		%y = %document.attribute("y");
		%width = %document.attribute("width");
		%height = %document.attribute("height");
		echo( "Char: x=" @ %x SPC "y=" @ %y SPC "width=" @ %width SPC "height=" @ %height );
 
		%savexml.pushNewElement( "Cell" );
		%savexml.setAttribute( "Offset", %x SPC %y );
		%savexml.setAttribute( "Width", %width );
		%savexml.setAttribute( "Height", %height );
        %savexml.popElement();
 
		// 寻找下个字符
		if( !%document.nextSiblingElement("char") )
			break;
	}
 
	// FNT文件关闭
	%document.clear();
	%document.delete();
 
    // FNT中的字符数量应该是32-126,95个,不够96个字符,如果不够ImageFont是无法创建的.
    %savexml.pushNewElement( "Cell" );
    %savexml.setAttribute( "Offset", "1 1" );
    %savexml.setAttribute( "Width", 1 );
    %savexml.setAttribute( "Height", 1 );
 
	// ImageAsset格式文件保存
	%savexml.popElement();
	%savexml.saveFile( %asset_file );
	%savexml.delete();
 
	return true;
}

　　格式转换

　　　　　　在控制台中输入: BMFontToImageAsset( "testFont.fnt", "FontConsolas48.asset.taml", "FontConsolas48", "FontConsolas48.png" )

　　　　　　会在同级目录生成FontConsolas48.asset.taml文件,PNG自己改名字就可以了

　　　至于ImageFont的具体使用,参考自带的字体Toy即可,这里不再多说.

结语

　　BMFont的导出格式中还有很多的参数,有兴趣的朋友可以继续研究.再见~