workshop 10

ทำหน้าที่เป็นโปรแกรมเมอร์และผู้เชี่ยวชาญด้านสื่อการสอนActive Learning ช่วยเขียนโค้ดเกม AR (Augmented Reality) สำหรับเรียนรายวิชาทักษะภาษาไทยเพื่อการสื่อสารในงานอาชีพ โดยใช้ HTML,CSS (Tailwind) และ JavaScript ให้อยู่ในไฟล์ index.htmlไฟล์เดียวจบ โดยใช้ไลบรารี MediaPipe Pose Landmarker สำหรับการตรวจจับการเคลื่อนไหวของร่างกาย รายละเอียดของเกม: คอนเซปต์เกม: เป็นเกมเลือกคำตอบผู้เล่นจะต้องใช้มือผ่านกล้องเว็บแคม หรือกล้องหน้าสมาร์ทโฟน โดยมีรายละเอียดดังนี้ 1. เป็นเกมที่มีความรู้เนื้อหาในเรื่องการวิเคราะห์สารจากการฟังและดู มารยาทในการดู มารยาทในการฟัง ประโยชน์ของการฟัง ประโยชน์ของการดู 2. เหมาะสำหรับนักเรียนชั้น ปวส. 1 3. มีชุดคำถาม 5 ข้อให้เหมาะสมกับรายวิชา 4.แบ่งหน้าจอเป็น 2 ฝั่งซ้าย-ขวา เพื่อให้เลือกตอบคำถาม ทำเส้นแบ่งระหว่างด้านซ้ายและด้านขวา 5. แนวกราฟิกเป็น icon สีสันสดใส 6. มีการใส่ชื่อผู้เล่นในหน้าแรกก่อนจะเริ่มเกม 7. เมื่อเล่นเกมเสร็จมีหน้าสรุปผลการเล่นของผู้เล่น 8. มีเสียงขณะเล่นเกม และมีเสียง Effectต่างๆ 9. มีระบบพลังชีวิต 5ชีวิต (❤️❤️❤️❤️❤️) หากตอบผิดพลังชีวิตลด1ดวง 10. เมื่อตอบถูก ได้รับ 1 คะแนน และแสดงหน้าต่าง Pop-upอธิบายเหตุผลของข้อนั้นๆ ค้างไว้ประมาณ 3 วินาทีก่อนเปลี่ยนข้อ 11.ขนาดของกล่องคำถามให้เล็กลง เพื่อใหhสามารถมองเห็นหน้าและตัวของผู้เล่นได้ชัดๆ