เกมหมากฝรั่ง
เกมนี้เป็นเกมเดาคำแบบคลาสสิกที่สร้างโดยใช้ React และ AI ของ Gemini
การทำงาน
เกมนี้เป็นไปตามกฎดั้งเดิมของเกมหมากกระดาน ซึ่งผู้เล่นพยายามเปิดเผยคำที่ซ่อนอยู่โดยการทายทีละตัวอักษร การคาดเดาที่ไม่ถูกต้องจะส่งผลให้มีภาพคนไม้วาดขึ้นบางส่วน และเกมจะจบลงเมื่อวาดภาพคนไม้เสร็จสมบูรณ์หรือเดาคำได้สำเร็จ
ฟีเจอร์หลัก:
1. อินเทอร์เฟซผู้ใช้: UI ของเกมสร้างขึ้นด้วย React เพื่อให้ได้รับประสบการณ์การใช้งานแบบไดนามิกและตอบสนองได้ดี
2. การสร้างคํา: ใช้ประโยชน์จาก Gemini AI API เพื่อสร้างคําแบบสุ่มสําหรับเซสชันเกมแต่ละเซสชัน ซึ่งจะเพิ่มความท้าทายและความคาดเดาไม่ได้ เนื่องจากผู้เล่นจะเจอคำที่หลากหลาย
3. ตรรกะเกม: จัดการตรรกะเกมโดยใช้ฮุกสถานะและเอฟเฟกต์ของ React
4. ความคิดเห็นและการโต้ตอบ: ผู้เล่นจะได้รับความคิดเห็นแบบภาพทันทีสำหรับการเดา
5. เงื่อนไขเกมจบ: เกมจะตรวจสอบเงื่อนไขการชนะหรือแพ้หลังจากการคาดเดาแต่ละครั้ง โดยอัปเดต UI เพื่อแสดงข้อความและเสนอตัวเลือกในการเริ่มเกมใหม่
การใช้ Gemini API
1. การดึงข้อมูลคำ: เมื่อเริ่มเกมใหม่ คอมโพเนนต์ React จะเรียก API ไปยัง AI ของ Gemini เพื่อดึงข้อมูลคำแบบสุ่ม จากนั้นระบบจะตั้งค่าคำนั้นเป็นคำเป้าหมายสำหรับเกม
2. การผสานรวม API: การผสานรวมกับ Gemini API ทำได้โดยใช้ Axios เพื่อทำคำขอ HTTP
3. การจัดการข้อผิดพลาด: มีการใช้การจัดการข้อผิดพลาดเพื่อจัดการกรณีที่การเรียก API ไม่สำเร็จ เพื่อให้เกมจัดการสถานการณ์ดังกล่าวได้อย่างราบรื่นและแสดงผลป้อนกลับที่เหมาะสมแก่ผู้ใช้
สร้างขึ้นด้วย
- เว็บ/Chrome
ทีม
โดย
Matin Imam
จาก
อินเดีย