HanuLab HanuLab
🗺️ แผนที่🛡️ นักรบ › 🎮 สร้างเกมบนเว็บ (Game Dev)

บทที่ 3 — ชนกันแล้วได้คะแนน

⏱ 35–45 นาที 💻 เขียน HTML/CSS/JS เห็นผลสดในเบราว์เซอร์ 💡 การชนคือเงื่อนไขซ้อนทับสองแกน และคะแนนคือสถานะที่เปลี่ยนแล้วต้องแสดงผลกลับให้ผู้เล่นเห็น
💡 เล่นได้เลย! แต่ถ้าอยากเก็บดาว ให้ผู้ปกครอง เข้าสู่ระบบ
👨‍👩‍👧 โน้ตสำหรับผู้ปกครอง

ระดับ: นักรบ (Warrior) — เทียบ ม.2 / อายุประมาณ 13–14 ปี เวลาโดยประมาณ: 35–45 นาที รูปแบบ: เขียน HTML/CSS/JS เห็นผลสดในเบราว์เซอร์ แนวคิดหลัก: การชนคือเงื่อนไขซ้อนทับสองแกน และคะแนนคือสถานะที่เปลี่ยนแล้วต้องแสดงผลกลับให้ผู้เล่นเห็น

เป้าหมายการเรียนรู้ (Learning Objective)

เด็กเขียนเงื่อนไขตรวจการชนแบบกล่อง เพิ่มคะแนน สุ่มตำแหน่งใหม่ และอัปเดต DOM ให้ผู้เล่นเห็นผล

จุดร่วมทำกับผู้ปกครอง (Parent-Child Co-participation)

ท้าให้พ่อแม่ทำคะแนนสูงสุดใน 30 วินาที แล้วให้ลูกปรับความยาก (ขนาดเหรียญ/ความเร็ว) ให้เกมสนุกพอดี