🌊 Dọn Rác Cùng Độ Mixi! 🗑️

Cùng Tộc Trưởng Phùng Thanh Độ dọn sạch bãi biển, bảo vệ đại dương xanh!

🌍 "Một chiếc lưới nhỏ, một trái tim lớn — cùng anh Mixi dọn sạch đại dương!"

Chơi ngay tại: https://domixinhatrac.chezzakowo.qzz.io/

🎮 Giới Thiệu Game

Dọn Rác Cùng Độ Mixi! là một con game nhỏ được mình speedrun lập trình để thuyết trình làm game về bảo vệ môi trường. Được lấy ý tưởng từ anh Độ Mixi

Trong game, bạn sẽ cùng anh Độ cầm lưới dọn rác trên bãi biển để bảo vệ môi trường biển. Hãy thu gom thật nhiều rác, nhưng đừng bắt sinh vật biển

---

📋 Mục Lục

• 🎮 Giới Thiệu Game
• 🕹️ Nội Dung Game
• 💻 Ngôn Ngữ & Công Nghệ
• 📖 Cách Chơi
• 🏆 Cơ Cấu Tính Điểm
• 🛠️ Tùy Chỉnh & Deploy
• 🎵 Nguồn Nhạc
• 💖 Cảm Ơn Tác Giả Gốc
• 📄 License

---

🕹️ Nội Dung Game

Giúp anh Độ Mixi dọn rác ở biển bằng lưới, nhưng đừng bắt sinh vật biển nhe!

Nhiệm vụ của bạn:

• 🪣 Giúp anh Độ Mixi dùng lưới để nhặt rác trôi nổi trên biển
• 🐟 Tránh bắt nhầm các sinh vật biển như cá, sao biển và các loài vô tội khác
• 📈 Gom càng nhiều rác thì điểm càng cao — hãy lập kỷ lục cho Tộc!

🎯 Mục tiêu: Đạt điểm cao nhất có thể mà không làm hại sinh vật biển nào! Game kéo dài gần như vô hạn (chỉ thua anh Dev Game trùm thế giới nào đó 💔)

---

💻 Ngôn Ngữ & Công Nghệ

Phần này Claude viết dùm tôi, tôi lười viết vcl

Công nghệ	Mục đích	Tỷ lệ
HTML5	Cấu trúc giao diện game	~39%
CSS3	Styling, animation, hiệu ứng	~61%
JavaScript	Logic game, xử lý va chạm, điểm số	—
🎵 MP3	Nhạc nền game (music.mp3, menu.mp3)	—
📄 Markdown	Tài liệu (README, hướng dẫn)	—

Cấu trúc thư mục repo:

DoMixiNhatRac/
├── index.html        # Trang chính của game
├── style.css         # Giao diện & hiệu ứng
├── game.js           # Logic game (điểm số, va chạm, nhân vật)
├── image.jpg         # Asset hình ảnh
├── music.mp3         # Nhạc nền trong game
├── menu.mp3          # Nhạc menu
└── .github/
    └── workflows/    # CI/CD (GitHub Actions)

---

📖 Cách Chơi

🎮 Điều Khiển

Phím / Thao Tác	Hành Động
⬅️ ←	Di chuyển sang trái
➡️ →	Di chuyển sang phải
🖱️ Di chuột	Điều hướng nhân vật (nếu hỗ trợ)

🎯 Mục Tiêu

1. Thu gom rác (chai nhựa, túi nilon, lon rỗng...) bằng lưới
2. Tránh bắt cá, sao biển, và các sinh vật biển khác
3. Ghi điểm cao nhất bằng khả năng của mình

⚠️ Những Điều Cần Tránh

• Bắt sinh vật biển => Trừ 1 tim
• Hết tim thì thua ¯\_(ツ)_/¯

---

🏆 Cơ Cấu Tính Điểm

Hành Động	Điểm thưởng / phạt	Ghi chú
🗑️ Nhặt được rác	+10 điểm	Chai nhựa, túi nilon, lon...
🐟 Bắt nhầm sinh vật biển	-1 tim	Cá, sao biển, sinh vật khác

💡 Mẹo chơi: Đứng ngay góc á 🐧

---

🛠️ Tùy Chỉnh & Deploy

1. Clone repo về máy

git clone https://github.com/chezzakowo/DoMixiNhatRac.git
cd DoMixiNhatRac

2. Chạy game trên máy local

Không cần cài đặt gì thêm — chỉ cần mở file index.html bằng trình duyệt:

# Cách 1: Mở thẳng file
open index.html        # macOS
start index.html       # Windows
xdg-open index.html    # Linux

# Cách 2: Dùng Live Server (VS Code Extension) để có hot-reload
# Cài extension Live Server → Click chuột phải vào index.html → "Open with Live Server"

3. Chỉnh sửa Asset

Thay thế hoặc chỉnh sửa các file sau để tuỳ biến nhân vật và đồ vật:

image.jpg     ← Thay ảnh nhân vật / background
music.mp3     ← Thay nhạc nền trong game
menu.mp3      ← Thay nhạc màn hình menu

🎨 Asset gốc được tham khảo từ project Scratch: scratch.mit.edu/projects/759277620

4. Chỉnh sửa Logic Game

Mở game.js và tìm các biến sau để điều chỉnh gameplay:

// Ví dụ các thông số có thể chỉnh trong game.js:
const SCORE_TRASH   = 10;   // Điểm khi nhặt rác
const SCORE_PENALTY = -15;  // Điểm bị trừ khi bắt nhầm sinh vật
const GAME_TIME     = 60;   // Thời gian chơi (giây)
const SPAWN_RATE    = 1.5;  // Tốc độ xuất hiện vật thể

5. Deploy lên GitHub Pages

# Bước 1: Đảm bảo repo đã có trên GitHub
git add .
git commit -m "Update game"
git push origin main

# Bước 2: Vào Settings → Pages → Source: Deploy from branch → main → / (root)
# Bước 3: Truy cập game tại:
# https://<username>.github.io/DoMixiNhatRac/

Hoặc deploy bằng Netlify

---

🎵 Nguồn Nhạc

Nhạc nền trong game được lấy cảm hứng và tham khảo từ:

🎶 Xem nguồn nhạc tại đây

---

💖Tác giả gốc

Game này được lấy cảm hứng và phát triển dựa trên project Scratch mình lấy trên tab công khai:

🐱 Project Scratch gốc: scratch.mit.edu/projects/759277620 🎵 Nhạc In-Game gốc: GIAO HƯỞNG THANK ĐỘ - WOLFGANG KILLNTEA

Toàn bộ ý tưởng gameplay, nhân vật và các asset hình ảnh đều được tham khảo từ project trên. Cảm ơn bro vì đã cứu tôi trong 2 tiết 💙

---

📄 License

MIT License — Tự do sử dụng, chỉnh sửa và chia sẻ, miễn là giữ nguyên credit.

---

💗💗💗

Nếu thấy game vui, hãy để lại một ⭐ Star cho repo nhé. Mặc dù mình biết là mình làm cùng AI 🐧

Made with ❤️ by chezzakowo & Claude

Lấy cảm hứng từ Độ Mixi

Cho em hộp khô gà đi anh 😭

🫱 Đóng góp