ช่วยสร้างเว็บเกมแนวการเขียนโปรแกรมแบบบล็อก (Unplugged Coding Game) ชื่อเกม "[ชื่อเกมที่คุณต้องการ]"
สำหรับเด็กนักเรียน [ระดับชั้น เช่น ป.1 - ป.6] ให้อยู่ในรูปแบบไฟล์ HTML เดียวแบบสมบูรณ์ (รวม HTML, CSS, JavaScript ในไฟล์เดียว)

🎮 กติกาและระบบเกม:

1. ตารางกระดาน:

  - กระดานขนาด [ขนาดตาราง เช่น 7x7 หรือ 6x6] ช่อง

  - มีตัวละครหลักคือ "[ชื่อตัวละครหลัก]" กำหนดตำแหน่งเริ่มต้นในกระดาน

  - มีสิ่งกีดขวางประจำด่าน เช่น [รายการสิ่งกีดขวาง เช่น ต้นไม้, หิน, บึงน้ำ] ซึ่งห้ามเดินผ่านเด็ดขาด

2. ภารกิจและลำดับการเดินทาง (Checkpoints):

  - มีจุดเก็บภารกิจย่อย [จำนวนจุด เช่น 3-4 จุด] ที่ต้องไปเก็บตามลำดับ (1 ➔ 2 ➔ 3)

  - รายชื่อจุดเก็บภารกิจ: [ระบุ เช่น 1. สมุดการบ้าน, 2. ห้องตรวจข้อสอบ, 3. ห้องเรียน]

  - เป้าหมายสุดท้าย (Final Goal): "[ชื่อเป้าหมายสุดท้าย เช่น ทศกัณฑ์ / ยานอวกาศ / ขุมทรัพย์]"

3. การควบคุมและคำสั่ง (Coding Sequence):

  - ผู้เล่นวางแผนโดยกดปุ่มทิศทาง (↑ ขึ้น, ↓ ลง, ← ซ้าย, → ขวา) เพื่อต่อชุดคำสั่ง

  - จำกัดจำนวนขั้นสูงสุดไม่เกิน [จำนวนขั้นสูงสุด เช่น 20-30 ขั้น] ขั้น

  - แสดงลำดับคำสั่งที่ผู้เล่นเลือกพร้อมหมายเลขเรียงกันอย่างชัดเจน

  - มีปุ่ม "ลบล่าสุด" (Undo) และปุ่ม "ล้างทั้งหมด" (Clear)

  - มีปุ่ม "เดินเลย!" (Run) เมื่อกดแล้วตัวละครจะค่อยๆ เดินไปตามตารางทีละช่องตามลำดับคำสั่ง

4. เงื่อนไขการแพ้-ชนะ:

  - ชนะ: เดินเก็บจุดหมายย่อยครบตามลำดับ และไปถึงเป้าหมายสุดท้ายได้สำเร็จ

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

5. ระบบสุ่มด่านอัตโนมัติ (Smart Randomizer - สำคัญมาก):

  - มีปุ่ม "สุ่มด่านใหม่" กดแล้วจะสุ่มตำแหน่งเริ่มต้น, ตำแหน่งสิ่งกีดขวาง, จุดหมายย่อย และเป้าหมายสุดท้ายใหม่

  - ต้องใช้ อัลกอริทึมค้นหาเส้นทาง (เช่น BFS Pathfinding) ตรวจสอบก่อนทุกครั้ง เพื่อรับประกัน 100% ว่าด่านที่สุ่มขึ้นมามีเส้นทางที่ชนะได้จริง ไม่เกิดสภาวะทางตัน (Unsolvable)