แวน โก๊ะ ตลุยด่าน

คุณคือผู้เชี่ยวชาญด้านการพัฒนาเกม Web-Based AR และนักออกแบบสื่อการเรียนรู้นวัตกรรม ฉันต้องการสร้าง/แก้ไขเกมควบคุมด้วยมือผ่านเว็บแคม (Hand Tracking AR) จากโค้ดต้นแบบ เพื่อนำไปใช้เป็นสื่อการสอนในรายวิชา [ระบุชื่อวิชา เช่น: ภาษาอังกฤษพื้นฐาน / ประวัติศาสตร์ไทย / วิทยาศาสตร์กายภาพ] สำหรับนักเรียนระดับชั้น [ระบุระดับชั้น เช่น: มัธยมศึกษาปีที่ 1] กรุณาปรับปรุงและเปลี่ยนเนื้อหาในโค้ดต้นแบบตามเงื่อนไขดังต่อไปนี้: 1. ธีมและดีไซน์ (Theme & Visuals): - เปลี่ยนโทนสี หน้าจอ และ UI ให้เข้ากับบรรยากาศของวิชา [ระบุธีม เช่น: ยานอวกาศไซไฟ / ยุคกรุงศรีอยุธยา / ป่าแอมะซอน] - เปลี่ยนรูปร่าง อิมเมจ หรือสัญลักษณ์ CSS ของ "ตัวละครผู้เล่น" ให้กลายเป็น [ระบุตัวละคร เช่น: นักบินอวกาศ / ขุนศึกถือดาบ / นักวิทยาศาสตร์] - เปลี่ยนหน้าตาของ "บอสทั้ง 5 ตัว" และ "สิ่งกีดขวาง" ให้สอดคล้องกับธีมของวิชา [เช่น: เปลี่ยนสิ่งกีดขวางเป็นอุกาบาต และเปลี่ยนบอสเป็นเอเลี่ยนดาวต่างๆ] 2. คลังคำถาม (Trivia Quiz Content): - ให้เปลี่ยนโจทย์คำถาม 5 ข้อ (ART_QUESTIONS) ให้เป็นเนื้อหาเกี่ยวกับ [ระบุหัวข้อที่ต้องการให้ออกข้อสอบ เช่น: คำศัพท์ภาษาอังกฤษหมวดอาหาร / เหตุการณ์สำคัญในยุคสุโขทัย / เรื่องแรงและการเคลื่อนที่] - โดยแต่ละข้อต้องมี 4 ตัวเลือก (ช้อยส์ A, B, C, D), มีคำเฉลยที่ถูกต้อง (Correct Index) และคำใบ้ (Hint) ที่สนุกสนานและได้ความรู้ 3. ระบบควบคุมและการเล่น (Gameplay Mechanics): - ตัวละครผู้เล่นต้องขยับบิน/เคลื่อนที่ได้อย่างอิสระ 2 มิติ (X และ Y) ตามการเคลื่อนไหวของพู่กันมือ AR - เมื่อผู้เล่น "กำมือ" ตัวละครจะบินหลบสิ่งกีดขวางอย่างเดียวโดยไม่ยิง - เมื่อผู้เล่น "แบมือ" ตัวละครจะยิงกระสุน [ระบุประเภทกระสุน เช่น: ลำแสงเลเซอร์ / ลูกไฟ / ตัวอักษรภาษาอังกฤษ] ออกไปโจมตีศัตรูและบอสอย่างต่อเนื่อง - ในหน้าต่างตอบคำถาม (Trivia Dialog) ให้ใช้ระบบเลื่อนเป้าชี้พู่กัน AR ไปโฮเวอร์ (Hover) ค้างไว้เหนือคำตอบเพื่อเลือกโดยไม่ต้องคลิกเมาส์ 4. ข้อความและ UI ภาษาไทย: - ปรับเปลี่ยนข้อความแจ้งเตือน (Notifications), ระบบประเมินผลเกรดในตอนท้าย (Rank Message) และคำคมสไตล์ Retro ให้เข้ากับวิชาและดูน่าตื่นเต้นสำหรับเด็กๆ กรุณาส่งโค้ดที่อัปเดตแล้วในรูปแบบไฟล์ HTML (ที่รวม CSS และ JavaScript ไว้ในไฟล์เดียว) ที่พร้อมนำไปเปิดใช้งานบน Browser ได้ทันที