Bitmap Font Tool

รับ PNG ตัวอักษร (พื้นหลังโปร่งใส) แปลงเป็น bitmap font (.fnt + PNG แบบ Angelcode/BMFont)

1. อัปโหลดภาพ

ลาก PNG มาวางตรงนี้ หรือคลิกเพื่อเลือกไฟล์

ใช้เป็นชื่อไฟล์ทั้งคู่และชื่อฟอนต์ในไฟล์ .fnt เช่น "value-1st" → value-1st.png, value-1st.fnt (เติมให้อัตโนมัติจากชื่อไฟล์ที่อัปโหลด)

2. การตั้งค่า

พิมพ์ตัวอักษรเรียงตามที่ปรากฏในภาพ ซ้าย→ขวา, บน→ล่าง หนึ่งตัวอักษรต่อหนึ่งรูปที่ตรวจเจอ

ความทึบขั้นต่ำของพิกเซลที่นับว่าเป็น "เนื้อตัวอักษร" ถ้าปลายบาง ๆ อย่างหางจุลภาค (,) หรือขีดบาง ๆ โดนตัดหาย ให้ลดค่านี้ลง ถ้าขอบมีจุดรบกวนหลุดเข้ามา ให้เพิ่มค่านี้ขึ้น

รวมกลุ่มพิกเซลที่อยู่ห่างกันไม่เกินค่านี้ให้นับเป็นตัวอักษรเดียวกัน เช่น จุดบนตัว "i" หรือ "?" ที่แยกลอยจากตัวหลัก ถ้าตั้งน้อยไปตัวอักษรอาจถูกตัดขาดเป็นสองชิ้น

ระยะห่างระหว่างตัวอักษรตอนจัดเรียงใหม่ในภาพ sheet เท่านั้น ไม่กระทบระยะพิมพ์จริงในเกม ถ้าเปิด Edge Bleed ต้องตั้งค่านี้มากกว่า edge bleed อย่างน้อย 1px

ความกว้างสูงสุดของภาพ sheet ที่ยอมให้จัดเรียง ถ้าตัวอักษรเยอะเกินจะขึ้นแถวใหม่ (wrap) แทน

ขยายสีขอบตัวอักษรออกไปรอบๆ กันขอบดำ/ขอบมีขอบ (fringing) ตอนเกมใช้ texture filtering หรือ mipmap ถ้าไม่แน่ใจใส่ 0

ใส่ 0 = คำนวณอัตโนมัติจากความสูงของแถวตัวอักษรที่ตรวจเจอ ค่าเริ่มต้น 120 มาจากฟอนต์ตัวอย่าง (value-1st) ปรับตามไฟล์จริงของคุณได้เสมอ

3. พรีวิว

ตรวจดูผลลัพธ์ก่อนตัดสินใจโหลดไฟล์ ไม่บังคับ ข้ามไปกด "สร้าง Bitmap Font" ด้านล่างได้เลยถ้ามั่นใจ config อยู่แล้ว

ใส่ได้เฉพาะตัวอักษรที่มีอยู่ในลำดับตัวอักษรด้านซ้าย

4. สร้างไฟล์

PNG = ไม่บีบอัดเสียคุณภาพเลย (แนะนำถ้าต้องการพิกเซลตรงเป๊ะ) / WebP = ไฟล์เล็กลงมาก คุณภาพสูงสุดใกล้เคียง PNG มาก แต่ยังเป็นการบีบอัดแบบ lossy อยู่ดี ไม่ใช่ lossless จริง — เช็คผลจริงในเกมก่อนใช้งานจริงเสมอ