หน้าโหลดสไตล์เทอร์มินัล ไล่รายชื่อ resource ที่กำลัง mount ให้เห็นจริง ๆ แล้วจบด้วยปุ่ม ENTER WORLD ที่ผู้เล่นกดเองเมื่อพร้อม

ไฟล์ HTML เดียว ไม่ต้อง npm run build ไม่ต้องต่อเน็ต ไม่ต้องมี node_modules

---

ฟีเจอร์

• [+] ไล่รายชื่อ resource ที่กำลัง mount แบบเรียลไทม์ ไม่ใช่แถบวิ่งหลอก
• [+] ปุ่ม ENTER WORLD ผู้เล่นกดเองเมื่อข้อมูลผู้เล่นพร้อมจริง
• [+] หลอดโหลดโชว์ชื่อเฟส เช่น LOADING_MAP_DATA SYNCHRONIZING_WORLD
• [+] ปรับเสียงเพลงได้ จำค่าระดับเสียงไว้ให้ครั้งหน้า
• [+] ไฟล์ HTML เดียว ไม่ต้อง build ไม่ต้องต่อเน็ต
• [+] แก้ชื่อเซิร์ฟ บรรทัดรอง เลขเวอร์ชันในบล็อกบนสุดของ loadscreen.html
• [+] วางภาพพื้นหลัง bg.png ถึง bg6.png ได้ หลายรูปสไลด์สลับทุก 7 วินาที
• [+] ใช้วิดีโอพื้นหลัง bg.mp4 และเพลง loop.mp3 แค่วางไฟล์
• [+] ใช้ได้กับ ESX มาตรฐานและ standalone
• [+] เปิดทดสอบในเบราว์เซอร์ได้ มีโหมดจำลอง

---

ทำไมถึงเป็นไฟล์เดียว

CEF ตอนเรนเดอร์หน้าโหลด ยังไม่มีเน็ต และ script tag แบบ ES module ที่โหลดจาก file:// ติด CORS หน้าโหลดที่ build จาก Nuxt/Vue เลยมักขึ้นเป็นจอขาวบนเครื่องผู้เล่นบางคน

ตัวนี้ CSS กับ JS ฝังอยู่ในไฟล์เดียวทั้งหมด ไม่มี request ออกไปไหนเลย ขึ้นเหมือนกันทุกเครื่อง

---

ได้อะไร

• ไล่ resource ที่ mount แบบเรียลไทม์ — อ่านจาก event จริงของ FiveM ไม่ใช่แถบวิ่งหลอก ผู้เล่นเห็นว่าค้างตรงไหน
• ปุ่ม ENTER WORLD — กดได้เมื่อข้อมูลผู้เล่นพร้อมจริง ไม่ใช่กดแล้วไปลุ้นต่อ
• แถบ progress พร้อมชื่อเฟส — LOADING_MAP_DATA, SYNCHRONIZING_WORLD, LOADING_SCRIPTS
• ปรับเสียงเพลงได้ จำค่าไว้ให้ครั้งหน้า
• เคอร์เซอร์แมว ชุดเดียวกับ UI ตัวอื่นของ X3D

---

ใช้กับ core ไหนก็ได้

---

แต่งเอง

ชื่อเซิร์ฟ บรรทัดรอง และเลขเวอร์ชันมุมขวา อยู่ในบล็อกเดียวกันบนสุดของ loadscreen.html

var BRAND = 'SERVER';
var SUBTITLE = '// SERVER BOOT SEQUENCE';
var BUILD = 'v1.0.2';

ภาพพื้นหลังกับเพลงวางไฟล์ไว้ข้าง loadscreen.html ได้เลย ไม่ต้องแก้โค้ด — bg.png ถึง bg6.png (ใส่หลายรูป = สไลด์สลับทุก 7 วินาที), bg.mp4, loop.mp3 ตัวสไลด์เช็กเองว่าไฟล์ไหนมีจริง ที่ไม่มีจะถูกข้าม

ไม่วางอะไรเลยก็ทำงานปกติ เป็นพื้นหลังเทอร์มินัลล้วน

---

ไม่มีภาพกับเพลงแถมมา

ตั้งใจไม่ใส่ ลิขสิทธิ์สื่อเป็นคนละเรื่องกับตัวสคริปต์ และแต่ละเซิร์ฟก็อยากได้ภาพของตัวเองอยู่แล้ว

เพลงฟรีหาได้ที่ freemusicarchive.org หรือ incompetech.com

---

หมายเหตุ

เขียนขึ้นใหม่ทั้งหมด ไม่ได้ต่อยอดจากโค้ดของ esx_loadingscreen ลงตัวนี้แล้วเอา esx_loadingscreen ออก — สองตัวใช้ช่อง loadscreen เดียวกัน