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

บทที่ 2 — คุมตัวละคร: รับปุ่มกดจากผู้เล่น

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

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

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

เด็กใช้ event keydown/keyup ควบคุมตัวละคร เก็บสถานะในออบเจกต์ และเขียนเงื่อนไขกันตัวละครหลุดจอได้

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

ผลัดกันเล่นแล้วตั้งโจทย์: "ทำให้เดินเร็วขึ้น 2 เท่าใน 10 วินาที" — ลูกจะได้ฝึกหาตัวแปร speed ให้เจอเอง