งานที่10

เขียนโค้ดเกม AR (Augmented Reality) สำหรับเรียนอุปกรณ์อิเล็กทรอนิกส์และวงจรอิเล็กทรอนิกส์ โดยใช้ HTML, CSS (Tailwind) และ JavaScript ให้อยู่ในไฟล์ index.html ไฟล์เดียวจบ โดยใช้ไลบรารี MediaPipe Hands สำหรับการตรวจจับมือ ให้กล้องปรากฏที่มุมบนด้านขวาของจอแสดงผลและอยู่ด้านหน้าสุดไม่มีอะไรมาปิดบัง รายละเอียดของเกม: คอนเซปต์เกม: เป็นเกมคำตอบคำถามมีภารกิจก่อนทำ ผู้เล่นจะต้องใช้มือผ่านกล้องเว็บแคม โดยมีรายละเอียดดังนี้ 1 เป็นเกมที่มีความรู้เนื้อหาในเรื่องอุปกรณ์อิเล็กทรอนิกส์ 2 เหมาะสำหรับนักเรียนชั้น ปวช. 2 สาขาวิชาอิเล็กทรอนิกส์ 3 มีชุดคำถาม 10 ข้อให้เหมาะสมกับรายวิชาอุปกรณ์อิเล็กทรอนิกส์และวงจรให้มีคะแนนข้อละ1คะแนน สำหรับการตอบถูก 0 คะแนนสำหรับคำตอบที่ผิด 4 แนวกราฟิกเป็น icon สีสันสดใสและอบอุ่น 5 มีการใส่ชื่อผู้เล่นในหน้าแรกก่อนจะเริ่มเกม 6 เมื่อเล่นเกมเสร็จ มีหน้าสรุปผลการเล่นของผู้เล่น 7 มีเสียงขณะเล่นเกม และมีเสียง Effectต่างๆ