BlockStorm - มินิเกมบนเว็บพร้อมอันดับทั่วโลกและลีดเดอร์บอร์ดแบบเรียลไทม์

BlockStorm - มินิเกมที่เล่นได้ในเบราว์เซอร์

เป็นมินิเกมที่ทำขึ้นเพื่อเล่นกับลูกชายวัย 9 ขวบและ 6 ขวบของผม

ทำไมถึงสร้างขึ้นมา?

• เด็ก ๆ ชอบ Tetris เลยอยากให้เล่นได้ทันทีบนเบราว์เซอร์โดยไม่ต้องติดตั้งแอป
• พอเห็นพวกเขาแข่งกันแบบ "ผมได้คะแนนมากกว่าพ่อ!" ก็เลยอยากใส่ระบบจัดอันดับระดับโลกเข้าไป
• พอค่อย ๆ ทำด้วย vibe coding ในเวลาว่าง ก็ได้เกมที่ออกมาดีกว่าที่คิด

มีฟีเจอร์อะไรบ้าง?

• ลีดเดอร์บอร์ดระดับโลก: ดูอันดับรายวัน/รายสัปดาห์/รายเดือน/ตลอดกาลได้
• ป้องกันการโกง: ตรวจสอบฝั่งเซิร์ฟเวอร์ด้วย Supabase ทำให้แก้ไขคะแนนไม่ได้
• เล่นได้ทันทีโดยไม่ต้องล็อกอิน: ยืนยันตัวตนอัตโนมัติตามอุปกรณ์

ในด้านเทคนิค

• สร้างแบบเรียบง่ายด้วย Vanilla JS + CSS3 (ไม่ใช้เฟรมเวิร์ก)
• ใช้ Supabase (PostgreSQL + RLS) เป็นแบ็กเอนด์
• ใช้ PostgreSQL Functions ในการตรวจสอบคะแนน
• รองรับทั้งมือถือ/แท็บเล็ต/เดสก์ท็อป

พอค่อย ๆ ทำด้วย vibe coding ในช่วงเวลาว่าง จากที่เริ่มต้นเป็นโปรเจกต์เพื่อการเรียนรู้ของเด็ก ๆ ก็กลายมาเป็นเกมที่ค่อนข้างสมบูรณ์แบบใช้ได้เลย

ลองเล่นได้เลยตอนนี้: [เกม URL]