🎮 Game Builder — เครื่องมือให้คุณครูสร้างเกมการเรียนรู้เอง

เครื่องมือเว็บ (static HTML + Supabase) ให้คุณครู สร้างเกมประกอบบทเรียนของตัวเองได้โดยไม่ต้องเขียนโค้ด เปิดห้องเรียน ให้นักเรียนเล่นเก็บดาว และดูคะแนนทั้งห้อง — พร้อมกระดานผู้นำ

ลองเล่นเลย (Live demo): https://gamesbiology.biologypremium.com/create/ · เกมตัวอย่าง: https://gamesbiology.biologypremium.com/g/?id=demo

จัดทำโดย Biology · สร้างด้วยความช่วยเหลือของ AI (Claude)

---

✨ ความสามารถ

• 6 กลไก — ควิซ, จัดหมวด, เรียงลำดับ, จับคู่, ป้ายชื่อบนภาพ (อัปรูป+ลากจุด), การ์ดคำศัพท์
• เสียง + แอนิเมชัน ตอบถูก/ผิด (Web Audio สังเคราะห์ในตัว ไม่มีไฟล์เสียง เล่นออฟไลน์ได้)
• ระบบชั้นเรียน — ครูสร้างรหัสห้อง + QR, นักเรียนเข้าร่วม, ส่งคะแนนอัตโนมัติ (มีคิวออฟไลน์)
• คะแนน + CSV + กระดานผู้นำ ในห้องเรียน
• ไม่มี build step — เป็น HTML/CSS/JS ล้วน แก้แล้วอัปได้เลย

🧠 แนวคิด: "เกม = ข้อมูล ไม่ใช่ไฟล์"

มี เครื่องเล่นกลาง (universal player) ตัวเดียวที่ /g/?id=<slug> อ่านนิยามเกม (JSON) จากฐานข้อมูลมาเรนเดอร์ — ครูสร้าง/แก้เกมที่ /create/ โดยไม่ต้องแตะโค้ดเลย

🗂️ โครงสร้าง

/g/            เครื่องเล่นกลาง (universal player)
/create/       หน้าให้ครูสร้าง/แก้เกม (ต้องล็อกอิน)
/icons/        ไอคอนภาพ (WebP)
/privacy/      นโยบายความเป็นส่วนตัว (PDPA)
/supabase/     schema.sql — สคีมาฐานข้อมูลสำหรับตั้งเอง

🚀 นำไปตั้งเอง (self-host)

1. สร้างโปรเจกต์ที่ supabase.com (ฟรี)
2. เปิด SQL Editor แล้วรัน supabase/schema.sql (สร้างตาราง + RLS + RPC + Storage)
3. ที่ Authentication → Providers เปิด Email (และ/หรือ Google) ตามต้องการ
4. แก้ค่า Supabase URL + anon key ในไฟล์:
   • g/index.html → ตัวแปร SB_URL, SB_ANON
   • create/index.html → ตัวแปร SUPABASE_URL, SUPABASE_ANON
5. อัปโหลดทั้งโฟลเดอร์ขึ้นโฮสต์ static ใดก็ได้ (Cloudflare Pages / Netlify / Vercel / GitHub Pages)

เกม เล่นได้แม้ไม่มี Supabase (คะแนนเก็บใน localStorage แทน) — Supabase ใช้เฉพาะระบบชั้นเรียน/คะแนนออนไลน์

📄 License

MIT — นำไปใช้/ดัดแปลงได้ ขอเพียงให้เครดิต

---

หมายเหตุ: repo นี้เป็น "เครื่องมือ Game Builder" เท่านั้น ไม่รวมชุดเกมชีววิทยาเชิงพาณิชย์ของ Biology