Airbattle

⚔️ AirBattle – ระบบเกมไลฟ์สดสู้กันผ่าน TikTok Live

เพิ่มยอดผู้ชม ยอดผู้ติดตาม และสร้างรายได้จากของขวัญ (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 ได้อย่างราบรื่น