Pengembang yang Membuat 175 Font dengan Rust

Daftar isi

• Sebelum Megapack
• Paket pertama
• Paket kedua
• Warisan
• Tujuan Megapack
• Lebih besar dan lebih baik
• Dukungan lebih banyak bahasa
• Variasi gaya
• Penyempurnaan kerning
• Kontrol kualitas yang lebih baik
• Distribusi dan pemeliharaan yang lebih mudah
• Menaikkan standar
• Mempelajari desain font
• Referensi foto
• PIFO: alat font piksel saya
• Cara kerjanya
• Crate yang digunakan
• Langkah 1: Membuat sheet font
• Langkah 2: Membuat outline glif
• Langkah 3: Tabel kerning
• Langkah 5: Ekspor
• Pengujian kualitas
• Distribusi
• Kesimpulan

Sebelum Megapack

• Saat mulai mengerjakan Ikenfell pada 2016, ia membuat paket font pertamanya
• Pada 2018, ia merilis paket kedua, dengan kualitas yang meningkat drastis

Paket pertama

• Pada 2016, ia menjual paket pertama berisi 12 font di itch.io
• Saat itu kemampuan desain fontnya masih kurang, tetapi paket tersebut banyak digunakan dalam game indie

Paket kedua

• Pada 2018, ia merilis paket kedua yang berisi 40 font
• Ia menambahkan tabel kerning dan menyediakannya dalam format yang disesuaikan untuk berbagai engine
• Ia berkolaborasi dengan para pengembang indie dan mempromosikannya menggunakan tangkapan layar game

Warisan

• Paket kedua sangat populer dan bahkan digunakan di game besar seperti Nintendo's Cadence of Hyrule
• Beberapa font juga digunakan di Get in the Car, Loser dari Love Conquers All Games

Tujuan Megapack

• Setelah perilisan Ikenfell, ia mengalami burnout, tetapi terus meningkatkan kemampuan pemrograman Rust-nya
• Ia pun merencanakan untuk membuat paket font yang lebih besar

Lebih besar dan lebih baik

• Kali ini targetnya adalah 100 font, dan ia ingin membuat font yang cocok untuk berbagai genre game

Dukungan lebih banyak bahasa

• Paket sebelumnya hanya mendukung karakter ASCII, tetapi kali ini diperluas agar mendukung EFIGS (Inggris, Prancis, Italia, Jerman, Spanyol)

Variasi gaya

• Setiap font dibuat agar mendukung berbagai ukuran dan ketebalan, sehingga bisa memberi variasi sambil tetap menjaga konsistensi gaya

Penyempurnaan kerning

• Pekerjaan kerning diotomatisasi untuk menghemat waktu dan mengurangi kesalahan

Kontrol kualitas yang lebih baik

• Diterapkan metode untuk menilai kualitas keseluruhan font dengan lebih mudah

Distribusi dan pemeliharaan yang lebih mudah

• Proses upload dan distribusi diotomatisasi untuk mengurangi kesalahan dan meningkatkan efisiensi

Menaikkan standar

• Ia mempelajari desain font dan mengumpulkan banyak referensi

Mempelajari desain font

• Ia mempelajari desain font melalui buku Richard Poulin, "Design School: Type"

Referensi foto

• Berbagai foto teks digunakan sebagai bahan referensi

PIFO: alat font piksel saya

• Untuk membuat font piksel, ia mengembangkan alat bernama PIFO dengan Rust

Cara kerjanya

• Menggunakan sheet tile PNG dan file konfigurasi untuk menghasilkan font, secara otomatis menghitung pasangan kerning, lalu mengekspornya sebagai file TTF

Crate yang digunakan

• Ia menggunakan clap, image, rayon, serde, glyph-names, ab-glyph, crunch, dan lainnya

Langkah 1: Membuat sheet font

• Font dibuat menggunakan sheet tile dan file konfigurasi

Langkah 2: Membuat outline glif

• Piksel dikelompokkan menjadi klaster, outline dibuat, lalu dikonversi menjadi glif TTF

Langkah 3: Tabel kerning

• Tabel kerning dibuat melalui kerning manual dan otomatis

Langkah 5: Ekspor

• Font diekspor sebagai file TTF, sheet tile, dan atlas tekstur terkompresi

Pengujian kualitas

• Kualitas font diuji dan masalah diperbaiki

Distribusi

• Proyek itch.io dibuat lalu diunggah

Kesimpulan

• Pada Desember 2023, ia merilis 175 Pixel Font Megapack, dan dengan membuat toolchain di Rust, ia menghasilkan font, melakukan pengujian kualitas, serta mendistribusikannya

Ringkasan GN⁺

• Artikel ini memberikan penjelasan rinci tentang proses desain dan pembuatan font piksel
• Menarik karena penulis mengembangkan alat pembuatan font dengan Rust serta membangun sistem kerning otomatis dan kontrol kualitas
• Ini akan menjadi informasi yang sangat berguna bagi orang-orang yang tertarik pada desain font piksel
• Proyek lain dengan fungsi serupa antara lain FontForge dan Glyphs

[GN⁺]

Komentar Hacker News

• Penasaran dengan alasan gaya di balik perbedaan jarak antara "Fdj" dan "Fjo"
• Pembuatan font bisa memakan waktu satu tahun, serta mencakup berbagai variasi seperti huruf besar, huruf kecil, simbol, ketebalan, dan huruf miring
  • Kerning (jarak antarhuruf) adalah pekerjaan yang sangat penting dan membutuhkan banyak waktu serta usaha
  • Font yang mendukung 176 karakter bisa memerlukan 37.976 pasangan kerning
  • Ini diotomatisasi untuk menangani sebagian besar pekerjaan kerning, lalu disesuaikan secara manual bila diperlukan
• Ini adalah karya yang mengingatkan pada masa ketika tidak ada batas antara seniman dan insinyur
• Melalui perangkat lunak Metafont karya Donald Knuth, font raster dapat dibuat
• Saya menyukai font di situs tersebut dan styling sederhananya
  • Ada sebuah postingan tentang bagaimana situs itu dibuat
• Senang mengetahui bahwa pekerjaan ini juga membantu secara finansial
  • Chevy Ray adalah pengembang gim indie yang aktif antara 2010-2012
• Sepertinya ada cara untuk membuat algoritmenya lebih cepat
  • Mengganti hash map dengan bitmap dan array indeks byte mungkin bisa menjadi salah satu caranya
• Bagi yang tertarik pada font, disarankan untuk melihat tomorrow.type.today
  • Salah satu anggota tim sedang mengoleksi karya mereka
• Di Rust, pekerjaan dapat dijalankan dengan mudah di banyak core
  • Cukup dengan menyisipkan satu pemanggilan ke dalam rantai fungsi
• Tipografi adalah bidang yang sulit dipahami
  • Membuat 175 font dan membuat masing-masing berbeda secara bermakna adalah hal yang menakjubkan