1 ポイント 投稿者 GN⁺ 2024-08-11 | 1件のコメント | WhatsAppで共有

目次

  • Megapack以前
  • 最初のパック
  • 2番目のパック
  • 遺産
  • Megapackの目標
  • より大きく、より良く
  • より多くの言語をサポート
  • スタイルのバリエーション
  • カーニングの完成度
  • より良い品質管理
  • より簡単な配布と保守
  • 基準を引き上げる
  • フォントデザインの勉強
  • 写真の参考資料
  • PIFO: 私のピクセルフォントツール
  • 動作方法
  • 使用したクレート
  • 1段階: フォントシートの生成
  • 2段階: グリフの輪郭作成
  • 3段階: カーニングテーブル
  • 5段階: エクスポート
  • 品質テスト
  • 配布
  • 結論

Megapack以前

  • 2016年にIkenfellの作業を始めながら、最初のフォントパックを作成した
  • 2018年に2番目のパックをリリースし、品質は大きく向上した

最初のパック

  • 2016年に12個のフォントを含む最初のパックをitch.ioで販売した
  • 当時はフォントデザインの腕前が未熟だったが、インディーゲームで多く使われた

2番目のパック

  • 2018年に2番目のパックをリリースし、40個のフォントを収録した
  • カーニングテーブルを追加し、さまざまなエンジンに合わせた形式で提供した
  • インディー開発者たちと協力し、ゲームのスクリーンショットを使って宣伝した

遺産

  • 2番目のパックは非常に人気があり、NintendoのCadence of Hyruleのような大作ゲームでも使われた
  • Love Conquers All GamesのGet in the Car, Loserでも複数のフォントが使われた

Megapackの目標

  • Ikenfellのリリース後は燃え尽き状態だったが、Rustのプログラミング技術は引き続き磨いていた
  • より大きなフォントパックを作る計画を立てた

より大きく、より良く

  • 今回は100個のフォントを目標にし、さまざまなゲームジャンルに合うフォントを作ろうとした

より多くの言語をサポート

  • 以前のパックはASCII文字しかサポートしていなかったが、今回はEFIGS(英語、フランス語、イタリア語、ドイツ語、スペイン語)に対応するよう拡張した

スタイルのバリエーション

  • 各フォントがさまざまなサイズと太さに対応するようにし、スタイルの一貫性を保ちながら変化も付けられるようにした

カーニングの完成度

  • カーニング作業を自動化し、時間とミスを減らした

より良い品質管理

  • フォント全体の品質を簡単に評価できる方法を導入した

より簡単な配布と保守

  • アップロードと配布の過程を自動化し、ミスを減らして効率を高めた

基準を引き上げる

  • フォントデザインを勉強し、多くの参考資料を集めた

フォントデザインの勉強

  • Richard Poulinの"Design School: Type"を通じてフォントデザインを学んだ

写真の参考資料

  • さまざまなテキスト写真を参考資料として使った

PIFO: 私のピクセルフォントツール

  • ピクセルフォントを作るために、RustでPIFOというツールを開発した

動作方法

  • PNGタイルシートと設定ファイルを使ってフォントを生成し、自動でカーニングペアを計算してTTFファイルとしてエクスポートする

使用したクレート

  • clap, image, rayon, serde, glyph-names, ab-glyph, crunch などを使った

1段階: フォントシートの生成

  • タイルシートと設定ファイルを使ってフォントを生成する

2段階: グリフの輪郭作成

  • ピクセルをクラスターにグループ化し、輪郭を生成してTTFグリフに変換する

3段階: カーニングテーブル

  • 手動および自動カーニングによってカーニングテーブルを生成する

5段階: エクスポート

  • TTFファイル、タイルシート、圧縮されたテクスチャアトラスとしてフォントをエクスポートする

品質テスト

  • フォントの品質をテストし、問題を解決する

配布

  • itch.ioプロジェクトを作成してアップロードする

結論

  • 2023年12月に175 Pixel Font Megapackをリリースし、Rustでツールチェーンを構築してフォントの生成、品質テスト、配布を行った

GN⁺の要約

  • この記事は、ピクセルフォントのデザインと制作過程について詳しく説明している
  • Rustを使ってフォント生成ツールを開発し、自動化されたカーニングと品質管理システムを構築した点が興味深い
  • ピクセルフォントデザインに関心のある人にとって非常に有用な情報になるだろう
  • 類似機能を持つ他のプロジェクトとしてはFontForgeとGlyphsがある

1件のコメント

 
GN⁺ 2024-08-11
Hacker Newsの意見
  • "Fdj""Fjo" の字間の違いに、どのようなスタイル上の理由があるのか気になる
  • フォント制作には1年かかることもあり、大文字、小文字、記号、ウェイト、イタリックなど多様なバリエーションを含む
    • カーニング(文字間隔)は非常に重要な作業で、多くの時間と労力を要する
    • 176文字をサポートするフォントでは、37,976組のカーニングペアが必要になる可能性がある
    • これを自動化してカーニング作業の大半を処理し、必要に応じて手動で調整する
  • アーティストとエンジニアの境界がなかった時代を思い出させる仕事だ
  • Donald Knuth の Metafont ソフトウェアを使うとラスターフォントを生成できる
  • サイトのフォントとシンプルなスタイリングが気に入った
    • サイトの作り方に関する投稿もある
  • この仕事が金銭面でも役に立ったと知れてうれしい
    • Chevy Ray はインディーゲーム開発者で、2010〜2012年の間に活動していた
  • アルゴリズムをもっと高速化する方法がありそうだ
    • ハッシュマップをビットマップとバイトインデックス配列に置き換えるのが一つの方法かもしれない
  • フォントに関心がある人には tomorrow.type.today を見てみることを勧める
    • チームメンバーの一人が彼らの作品を収集している
  • Rust ではマルチコアでの処理を簡単に実行できる
    • 関数チェーンに単一の呼び出しを挿入するだけでも十分だ
  • タイポグラフィは理解するのが難しい分野だ
    • 175個のフォントを作り、それぞれを意味のある形で異なるものにしているのは驚異的だ