1.0.1 ⭐

⚔️ AirBattle – ระบบเกมไลฟ์สดสู้กันผ่าน TikTok Live (Phaser 3 + Node.js)

เพิ่มยอดผู้ชม ยอดผู้ติดตาม และสร้างรายได้จากของขวัญ (Gifts) ด้วย "AirBattle" เกมแนว Interactive Live Streaming ยอดนิยมสำหรับสตรีมเมอร์ TikTok! เกมแบ่งทีมยิงต่อสู้สุดมันส์ที่ผู้ชมในไลฟ์สามารถเข้าร่วมเล่นและมีส่วนร่วมได้จริงแบบเรียลไทม์ผ่านการพิมพ์แชทและส่งของขวัญ

🌟 จุดเด่นและระบบการทำงานของเกม:

1. พิมพ์แชทเข้าทีมทันที (Chat-to-Play): 

 - ผู้ชมพิมพ์ "1" ในช่องแชทไลฟ์ ➡️ เข้าทีม 🔵 สีฟ้า (ฝั่งซ้าย)

 - ผู้ชมพิมพ์ "2" ในช่องแชทไลฟ์ ➡️ เข้าทีม 🔴 สีแดง (ฝั่งขวา)

2. แสดงรูปโปรไฟล์จริงบนสนามรบ (Dynamic Avatar Rendering):

 - ระบบจะดึงรูปภาพโปรไฟล์ TikTok ของผู้ชมมาสร้างเป็นสกินตัวละครลงไปเดินรบในเกมโดยอัตโนมัติ ทำให้ผู้เล่นรู้สึกตื่นเต้นและมีตัวตนในไลฟ์

3. ระบบส่งของขวัญปลดปล่อยสกิลพิเศษ (Gift-to-Action) *สร้างรายได้เน้นๆ*:

 ตั้งค่าของขวัญ (TikTok Gifts) แต่ละชนิดให้กลายเป็นสกิลสุดอลังการบนสนามรบ:

 - 🚀 Missile (มิสไซล์): ยิงขีปนาวุธนำวิถีถล่มศัตรูเป็นชุด

 - 💣 Bomb (ระเบิด): วางระเบิดปูพรมสร้างดาเมจเป็นวงกว้าง

 - 🔫 Laser (เลเซอร์): ยิงแสงเลเซอร์ทำลายล้างความเร็วสูง

 - ⚔️ Sword (คลื่นดาบ): ปล่อยคลื่นพลังดาบยักษ์ฟันทะลวง

 - ☢️ Nuke (นิวเคลียร์): ปล่อยระเบิดล้างบางศัตรูทั้งสนาม

 - ⚡ Lightning (ฟ้าผ่า): เรียกสายฟ้าฟาดศัตรูแบบสุ่มพร้อมเอฟเฟกต์จอสั่นสะเทือน

 - 🛡️ Shield (บาเรียอมตะ): เปิดเกราะป้องกันไม่รับดาเมจใดๆ ชั่วคราว

 - 💚 Heal (ฮีล): ฟื้นฟูค่า HP ให้ตัวละครของตนเอง

 - 🌟 Ultimate Combo (คอมโบใหญ่): ปล่อยสกิลทุกอย่างพร้อมกันแบบถล่มทลาย!

4. แผงควบคุมหลังบ้านสำหรับสตรีมเมอร์ (Streamer Control Panel):

 - หน้า Lobby ออกแบบอย่างพรีเมียม ป้อนชื่อ TikTok เพื่อเชื่อมต่อได้ทันที

 - กำหนดขีดจำกัดจำนวนผู้เล่นสูงสุดของแต่ละฝั่งได้ (หรือตั้งค่าไม่จำกัด)

 - ระบบจำลองของขวัญ (Gift Simulator) และระบบเพิ่ม Bot (AI) เพื่อความสะดวกในการทดสอบเกมก่อนไลฟ์จริง

 - ปุ่ม Reset และเคลียร์ผู้เล่นในคลิกเดียว

5. หน้าจอเกมน่าดึงดูดใจ (HUD & UI Overlays):

 - ตารางคะแนนการฆ่าและผู้ชนะ (Live Leaderboard)

 - ป้ายประกาศสังหารทันทีเมื่อมีคนตาย (Kill Feed Feed)

 - การประกาศ First Blood สำหรับยอดนักฆ่าคนแรก

 - กล่องแสดงแชทสดลอยอยู่บนตัวเกมเพื่อความใกล้ชิดกับผู้ชม

6. ปลอดภัยด้วยระบบ License Key:

 - มีระบบตรวจสอบรหัสเปิดใช้งาน (License Verification) ป้องกันการละเมิดสิทธิ์ซอฟต์แวร์ก่อนเริ่มเชื่อมต่อใช้งาน

💻 ข้อมูลทางเทคนิค (Tech Stack):

- Frontend: Phaser 3.70 (HTML5 Game Engine ระดับโลก)

- Backend: Express + WebSockets (ws) ส่งข้อมูลเสถียร ลื่นไหล ไร้รอยต่อ

- Integration: tiktok-live-connector ดึงข้อมูลไลฟ์สดเรียลไทม์

• - Performance: รองรับการเล่นระดับ 60 FPS กินทรัพยากรเครื่องต่ำ สตรีมเมอร์สตรีมคู่กับโปรแกรม OBS ได้อย่างราบรื่น