Guides / Building & Resources

ซ่อนและปรับขนาดองค์ประกอบ HUD ด้วย Resource Pack

Hotbar, Crosshair และแถบ XP ล้วนอยู่ใน Texture Atlas เดียวกัน นี่คือวิธีทำให้บางส่วนมองไม่เห็น สิ่งที่ไม่สามารถเคลื่อนย้ายได้ และเคล็ดลับฟอนต์สำหรับข้อความ HUD แบบกำหนดเอง

2026-06-22

ไม่มีการตั้งค่าสำหรับซ่อน Hotbar สิ่งที่มีคือ Texture และการทำให้บางส่วนโปร่งใสจะทำให้มองไม่เห็นในขณะที่ทุกอย่างยังคงทำงานได้

ทุกอย่างอยู่ในไฟล์เดียว

assets/minecraft/textures/gui/sprites/hud/

เวอร์ชันใหม่ๆ ได้แยก Atlas widgets.png เก่าออกเป็น Sprites แต่ละชิ้น: hotbar.png, crosshair.png, experience_bar_background.png, heart/full.png และอื่นๆ การแทนที่ Sprite ใดๆ ด้วยไฟล์ PNG ที่โปร่งใสทั้งหมดและมีขนาดเท่ากันจะทำให้ Sprite นั้นหายไป

ขนาดที่เท่ากันเป็นสิ่งสำคัญ ไฟล์ PNG โปร่งใสขนาด 1×1 ในตำแหน่งที่คาดว่าจะเป็น Hotbar ขนาด 182×22 จะยืดออกแทนที่จะหายไป ทำให้เกิดแถบที่เลอะเทอะ

สิ่งที่คุณทำได้และทำไม่ได้

ทำได้:

• ซ่อนองค์ประกอบใดๆ โดยทำให้ Sprite ของมันโปร่งใส
• ปรับแต่งทุกอย่างใหม่ – หัวใจแบบต่างๆ, Crosshair แบบเรียบง่าย, Hotbar ตามธีม
• เปลี่ยนขนาดที่ปรากฏโดยการวาดเนื้อหาที่เล็กลงภายใน Canvas ที่มีขนาดเท่ากัน

ทำไม่ได้:

• ย้ายองค์ประกอบ ตำแหน่งถูกกำหนดไว้ตายตัว มีเพียง Artwork เท่านั้นที่เป็นข้อมูล
• ซ่อน ช่อง Hotbar โดยอิสระจากกรอบ – พวกมันเป็น Sprite เดียวกัน
• เปลี่ยนสิ่งที่ช่องทำ สิ่งนี้เป็นเพียงเครื่องสำอาง และไอเท็มยังคงเลือกได้

ประเด็นสุดท้ายนี้ควรกล่าวให้ชัดเจน: Hotbar ที่ซ่อนอยู่ก็ยังคงเป็น Hotbar นี่ไม่ใช่ข้อจำกัดของ Inventory และผู้เล่นยังคงสามารถใช้ช่องต่างๆ ได้

กับดัก Nine-Slice

Sprites ของ HUD หลายตัวเป็นแบบ Nine-Sliced – มุมถูกตรึง ขอบถูกยืด .mcmeta ข้างไฟล์ PNG จะประกาศขอบเขต:

{ "gui": { "scaling": { "type": "nine_slice", "width": 200, "height": 20,
  "border": { "left": 2, "top": 2, "right": 2, "bottom": 2 } } } }

การแทนที่ Sprite ดังกล่าวโดยไม่ตรงกับ mcmeta จะทำให้มันยืดผิดรูป คัดลอก .mcmeta ของเกมหลักไปพร้อมกับไฟล์ PNG ของคุณเมื่อไม่แน่ใจ

ข้อความ HUD แบบกำหนดเองผ่านฟอนต์

เคล็ดลับที่ทรงพลังอย่างแท้จริง: กำหนด Font Provider ที่มี Glyphs เป็นรูปภาพ จากนั้นพิมพ์อักขระเหล่านั้นด้วย /title หรือ Bossbar ข้อความจะแสดงผลเป็น Artwork ของคุณ

assets/<namespace>/font/default.json

{ "providers": [
  { "type": "bitmap", "file": "my_pack:font/icons.png", "ascent": 8, "height": 9,
    "chars": [""] }
] }

ใช้ Codepoints สำหรับการใช้งานส่วนตัว (ตั้งแต่  ขึ้นไป) เพื่อไม่ให้ชนกับข้อความจริง จากนั้น /title @a actionbar {"text":""} จะวาดรูปภาพของคุณบน Action Bar

นี่คือวิธีที่เซิร์ฟเวอร์แสดงแถบพลังชีวิตแบบกำหนดเอง, ไอคอนสกุลเงิน และแถบความคืบหน้าโดยไม่มี Mod บนฝั่ง Client – มีเพียง Resource Pack เท่านั้น

ฟอนต์ Negative-Space

กำหนด Glyph ที่มี advances เป็นค่าลบ และคุณสามารถเลื่อนเคอร์เซอร์ย้อนกลับได้ โดยวางรูปภาพซ้อนทับกัน นั่นคือเทคนิคเบื้องหลัง HUD ของเซิร์ฟเวอร์ที่ดูเหมือนอินเทอร์เฟซที่เหมาะสม มันยุ่งยาก และเป็นวิธีเดียวที่จะจัดตำแหน่งอะไรก็ได้

ซ่อนหรือปรับแต่งองค์ประกอบ HUD และสร้าง Font Providers ด้วย Codepoints ที่จัดสรรไว้ให้คุณใน HUD Customizer & Font Pack Maker

ปรับแต่ง HUD และสร้างชุดฟอนต์ →