เกมสะสมเหรียญสำหรับผู้เล่นหลายคน
เกมมัลติเพลเยอร์ 2D ที่ทำงานร่วมกันโดยใช้ HTML5, CSS3 และ JavaScript พร้อมความสามารถในการสื่อสารแบบเรียลไทม์ผ่าน WebSockets
สารบัญ
- คุณสมบัติ
- เริ่มต้นใช้งาน
- การเล่นเกม
- เทคโนโลยีที่ใช้
- คำแนะนำในการตั้งค่า
- มีส่วนร่วม
- ภาพหน้าจอ
- ใบอนุญาต
คุณสมบัติ
- การซิงโครไนซ์การเคลื่อนไหวของผู้เล่นแบบเรียลไทม์
- การรวบรวมเหรียญพร้อมการติดตามคะแนนสำหรับผู้เล่นสองคน
- เสียงตอบรับอย่างง่ายในการสะสมเหรียญ
- Responsive Design เหมาะกับหน้าจอขนาดต่างๆ
การเล่นเกม
- เริ่มเกมและแบ่งปันรหัสห้องของคุณกับผู้เล่นคนอื่นเพื่อเชิญพวกเขาให้เข้าร่วม
- ใช้ปุ่มลูกศรหรือการควบคุม WASD เพื่อย้ายตัวละครของคุณไปรอบๆ พื้นที่เกม
- รวบรวมเหรียญที่กระจัดกระจายไปทั่วพื้นที่เกมเพื่อเพิ่มคะแนนของคุณ
- การอัปเดตแบบเรียลไทม์ทำให้ผู้เล่นทั้งสองเห็นสถานะเกมเดียวกัน
เทคโนโลยีที่ใช้
- HTML5 สำหรับโครงสร้างและเนื้อหา
- CSS3 สำหรับการออกแบบและภาพเคลื่อนไหว
- JavaScript สำหรับตรรกะ การจัดการเหตุการณ์ และการสื่อสารแบบเรียลไทม์ผ่าน WebSockets หรือโปรโตคอลที่คล้ายกัน
- WebSockets สำหรับการสร้างการเชื่อมต่อแบบเพียร์ทูเพียร์และการส่งข้อมูลระหว่างผู้เล่น
คำแนะนำในการตั้งค่า
ข้อกำหนดเบื้องต้น
- เว็บเบราว์เซอร์สมัยใหม่ (Chrome, Firefox, Edge)
- Node.js ที่ติดตั้ง npm/yarn เพื่อเรียกใช้เซิร์ฟเวอร์แบ็กเอนด์หากจำเป็น (ทางเลือก: หากไม่ได้ใช้เซิร์ฟเวอร์ไฟล์แบบคงที่)
ขั้นตอนการติดตั้ง
- โคลนที่เก็บนี้ลงในเครื่องของคุณ:
- นำทางไปยังไดเร็กทอรีโครงการ เพื่อวัตถุประสงค์ในการพัฒนา คุณอาจต้องเริ่มเว็บเซิร์ฟเวอร์ในเครื่องเพื่อรองรับไฟล์เกม ใช้เซิร์ฟเวอร์ HTTP แบบธรรมดา เช่น เซิร์ฟเวอร์สด (แพ็คเกจ npm) หากไม่มีแบ็กเอนด์เกี่ยวข้อง:
npm install -g live-server # Install live-server globally
live-server . # Start the server in this directory
หรือเพียงแค่ย้าย index.html ไปไว้ในแท็บใหม่ของเบราว์เซอร์
ภาพหน้าจอ
ภาพหน้าจอของเกมสามารถพบได้ในหน้าวางจำหน่าย
มีส่วนร่วม
ยินดีบริจาค! โปรดส่งคำขอดึงสำหรับการปรับปรุง แก้ไขจุดบกพร่อง คุณลักษณะใหม่ ฯลฯ อย่าลืมปฏิบัติตามรูปแบบโค้ดที่มีอยู่และรวมการทดสอบตามความเหมาะสม
ใบอนุญาต
โครงการนี้ได้รับอนุญาตภายใต้ใบอนุญาต MIT - ดูรายละเอียดในไฟล์ใบอนุญาต
