objective-c - Retinaディスプレイ用のビットマップフォント

Question

現在、HoboStd20.pngを指すHoboStd20.fntとTeen40.pngを指すTeen40.fntの2つのフォントが
あります。ただし、Retinaディスプレイフォントが必要です。これらのビットマップフォントをアプリに挿入するにはどうすればよいですか？元のフォントの2倍のサイズのフォントを作成する必要がありますか？フォントにどのように名前を付ける必要がありますか？pngファイルとfntファイルの両方の名前をHoboStd20-hd.fntのように変更しますか？ありがとうございました！

Answer 1

基本的なルーチンは、SDまたはHD解像度でビットマップフォントをデザインすることです。次に、同じフォントをフォントサイズの2倍または半分で再エクスポートします。

たとえば、Glyph Designerを使用してフォントをデザインする場合（強くお勧めします）、最初にRetinaフォントを作成し、font-hd.fntとして保存します。これが40ポイントのフォントサイズであるとしましょう。次に、フォントサイズを20に設定し、ファイルをfont.fntとして再エクスポートします。

cocos2dでは、font.fntファイルのみを参照します。これにより、Retinaデバイスにfont-hd.fntファイルが自動的にロードされます。

Answer 2

AngelcodeのBMFontを使用してフォントを生成しているようです（あなたですか？）。

これらのフォントにアルファテスト済みのエッジを使用していますか、それとも距離フィールドベースのレンダリングスキームを使用していますか？

「ベクターテクスチャと特殊効果のアルファテストされた倍率」と呼ばれるこのペーパーは、フォント/テクスチャのサイズを2倍にすることなく、許容できる品質を得るのに役立つ可能性があります。

とはいえ、BMFontを使用している場合（そしてピクセルデータを解凍するためにシェーダーを作成できる場合）-ページごとに1ビットまたはページごとに1つのチャネルを使用して複数のページをパックすることも可能です。この+アルファテスト済み+距離フィールドは、テキストのピクセルパーフェクトな品質を提供するはずです。