โปรเจค "วงล้อสุ่มสี" เป็นเว็บแอปพลิเคชันสำหรับการสุ่มแบ่งกลุ่มคนออกเป็น 4 สี โดยใช้การหมุนวงล้อ
- สุ่มแบ่งคนออกเป็น 4 สี (แดง, เขียว, น้ำเงิน, เหลือง)
- รองรับการแบ่งได้สูงสุดสีละ 38 คน (รวม 152 คน)
- แสดงสถิติจำนวนคนในแต่ละสี
- มีแอนิเมชันการหมุนวงล้อแบบสมจริง
- สามารถกดปุ่ม Enter เพื่อหมุนวงล้อได้
- ป้องกันการสุ่มซ้ำและการสุ่มเกินจำนวนที่กำหนด
- ดาวน์โหลดหรือโคลนโปรเจค
- เปิดไฟล์
index.htmlในเว็บบราวเซอร์
วงล้อสุ่มสี/ ├── index.html # หน้าเว็บหลัก ├── styles.css # ไฟล์สไตล์ └── script.js # โค้ด JavaScript
- กดปุ่ม "หมุนวงล้อ" หรือกดปุ่ม Enter เพื่อเริ่มการสุ่ม
- รอให้วงล้อหมุนจนหยุด
- ระบบจะแสดงผลการสุ่มและอัพเดทสถิติโดยอัตโนมัติ
- หากสีใดเต็มแล้ว ระบบจะแจ้งเตือนและให้หมุนใหม่
- HTML5 Canvas
- CSS3
- Vanilla JavaScript
- ฟอนต์ TH Sarabun New
- เหมาะสำหรับการแบ่งกลุ่มในห้องเรียนหรือกิจกรรมต่างๆ
- รองรับการแสดงผลบนอุปกรณ์ทุกขนาดหน้าจอ
- ใช้งานง่าย ไม่ต้องติดตั้งซอฟต์แวร์เพิ่มเติม
หากต้องการพัฒนาต่อ สามารถทำได้โดย:
- Fork โปรเจคนี้
- สร้าง Branch ใหม่
- Commit การเปลี่ยนแปลง
- Push ขึ้น Branch ของคุณ
- สร้าง Pull Request