🐛 FLAPPY PUSHUPS

Điều khiển game bằng khuôn mặt - Không cần bàn phím!

🎮 CHƠI NGAY - MIỄN PHÍ! 🎮

✨ Không cần cài đặt | 🚀 Không cần download | 📹 Chỉ cần webcam!

🎯 Bạn nghĩ Flappy Bird khó?

Thử điều khiển bằng MẶT xem! 😱

---

💥 HƠN 1000+ NGƯỜI ĐÃ THỬ THÁCH BẢN THÂN!

🏆 BẠN CÓ THỂ ĐÁNH BẠI BOSS Ở ĐIỂM 12 KHÔNG?

---

---

🔥 Tại sao game này đặc biệt?

"Quên bàn phím đi. Quên chuột đi. Chỉ cần khuôn mặt của bạn."

Flappy Pushups biến webcam của bạn thành controller! Sử dụng AI nhận diện khuôn mặt, game theo dõi chuyển động đầu của bạn để điều khiển nhân vật - hoàn toàn KHÔNG cần chạm vào bàn phím.

✨ Điểm nổi bật

🎯 Feature	📝 Mô tả
📹 Face Control	AI MediaPipe theo dõi 468 điểm trên khuôn mặt
🧠 100% Local	AI chạy trên máy bạn - không gửi dữ liệu đi đâu!
👹 Boss Battle	Trận chiến epic với bom và laser tại level 12
🦟 Kẻ thù đa dạng	LGBT Bird, Pink Bird với AI hành vi riêng
📱 Full Responsive	Tối ưu cho PC, Tablet, Mobile (Portrait/Landscape)
🎵 Nhạc nền	Nhạc sôi động làm game thêm hấp dẫn
🔒 Safe Area	Hỗ trợ notch phones (iPhone X+, Android)

---

🎮 Cách chơi

👉 NHẤN VÀO ĐÂY ĐỂ CHƠI NGAY! 👈

     🙂 Ngẩng lên     → Bug bay LÊN
     😔 Cúi xuống     → Bug bay XUỐNG
     😏 Nghiêng trái  → Bug bay TRÁI
     😌 Nghiêng phải  → Bug bay PHẢI

Mục tiêu

1. 🚫 Né các ống nước (pipes)
2. ⚡ Tránh kẻ thù và đạn
3. 👹 Đánh bại Boss ở điểm 12 để chiến thắng!

Kẻ thù xuất hiện

• Điểm 2+: 🦟 LGBT Bird (lao thẳng/bắn đạn)
• Điểm 4+: 🐦 Pink Bird (bay chéo nguy hiểm)
• Điểm 12: 👹 BOSS BATTLE - 10 bom + 10 laser + combo cuối!

---

🚀 Chơi Online

🎯 SẴN SÀNG THÁCH THỨC?

✨ Không cài đặt | 🚀 Không download | 📹 Chỉ cần webcam!

⚡ Mở trình duyệt → Cho phép camera → Bắt đầu chơi!

---

💻 Chạy Local

📌 Click để xem hướng dẫn

Yêu cầu

• Trình duyệt hiện đại (Chrome/Edge/Firefox)
• Webcam
• Cho phép quyền truy cập camera

Cách 1: Python

git clone https://github.com/ctu-itclub/flappy-pushups-web.git
cd flappy-pushups-web
python -m http.server 8080
# Mở http://localhost:8080

Cách 2: VS Code Live Server

1. Cài extension "Live Server"
2. Right-click index.html → "Open with Live Server"

Cách 3: Node.js

npx http-server

---

🛠️ Tech Stack

Technology	Purpose
	Game canvas & structure
	Responsive UI (Mobile-first)
	Game logic (vanilla, no framework!)
	AI Face Detection (468 landmarks)

📱 Responsive Design

• Desktop: Full experience với tất cả hiệu ứng
• Tablet: Tối ưu giao diện, touch-friendly buttons
• Mobile Portrait: UI compact, dễ thao tác một tay
• Mobile Landscape: Gameplay tối ưu, màn hình rộng
• Notch Support: Safe area cho iPhone X+, Android punch-hole

---

📁 Cấu trúc Project

flappy-pushups/
├── 🎨 assets/          # Sprites & images
├── 🎭 css/style.css    # Game styling
├── ⚙️ js/
│   ├── game.js         # Main controller
│   ├── faceDetection.js# MediaPipe AI
│   ├── bird.js         # Player character
│   ├── boss.js         # Boss battle system
│   ├── enemy.js        # LGBT enemy AI
│   ├── pinkEnemy.js    # Pink bird AI
│   ├── bullet.js       # Projectile system
│   └── pipe.js         # Obstacles
├── 🎵 nhac_nen.mp3     # Background music
├── 📄 index.html       # Entry point
└── 📖 README.md

---

🎮 READY TO PLAY?

🔥 THÁCH THỨC BẢN THÂN NGAY! 🔥

💪 Boss đang chờ bạn ở điểm 12... Bạn có đủ dũng cảm? 👹

---

📱 Chia sẻ với bạn bè!

Thử thách bạn bè xem ai vượt được Boss trước!

---

👥 Credits

🎓 CTU IT Club

Game được phát triển bởi IT Club - Đại học Cần Thơ

Dự án giáo dục nhằm giới thiệu công nghệ AI/ML và lập trình game cho sinh viên.

---

⭐ Star repo này nếu bạn thấy hay!

🚀 MỘT LẦN CHƠI LÀ NGHIỆN!

---

🎮 Ready to play?

Tip: Boss đang chờ bạn ở điểm 12... Bạn có đủ can đảm? 👹