🐍✨ SNAKE 3D — Rắn Săn Mồi Tự Động x TikTok Live 🎁📱

🎯 GIỚI THIỆU

--------------

Snake 3D là trò chơi rắn săn mồi kinh điển được làm mới hoàn toàn với đồ họa

isometric 3D 🧊 phong cách neon 💜💚, và điểm đặc biệt: rắn TỰ CHƠI THÔNG MINH 🧠

bằng thuật toán tìm đường, đồng thời cho phép khán giả xem livestream TikTok 📲

tương tác trực tiếp vào ván chơi thông qua việc tặng quà 🎁.

🔥 Phù hợp để chạy nền trên các phiên livestream TikTok dạng "xem AI chơi game",

tạo nội dung giải trí tự vận hành mà vẫn có tương tác thực với người xem.

⭐ TÍNH NĂNG CHÍNH

-------------------

1️⃣ 🧠 Rắn tự chơi thông minh

🔹 Rắn tự động tìm đường đi ăn mồi bằng thuật toán BFS (tìm đường ngắn nhất),

có tính toán "thời gian trống" của từng ô thân rắn để né va chạm chính xác.

🔹 Luôn tự kiểm tra còn đường quay về đuôi hay không trước khi ăn mồi,

tránh tự nhốt mình vào ngõ cụt. 🚫🪤

🔹 Khi không có đường ăn an toàn, tự chuyển sang chế độ "đuổi đuôi" 🔄 — chọn

hướng đi có vùng trống rộng nhất để câu giờ, chờ thời cơ.

🔹 Có thể chuyển sang chơi tay ⌨️ bằng phím mũi tên / WASD bất cứ lúc nào.

2️⃣ 🧊 Đồ họa isometric 3D

🔹 Bàn cờ và rắn được dựng khối 3D theo phối cảnh isometric, đổ bóng và

hiệu ứng phát sáng (glow) neon ✨.

🔹 Chuyển động mượt 🎞️ (interpolation) giữa các bước đi, mắt rắn 👀 xoay theo

hướng di chuyển.

🔹 Mồi ăn 🍎 có hiệu ứng bồng bềnh (bobbing animation) nhẹ nhàng, bắt mắt.

3️⃣ 🎁 Tích hợp TikTok Live — quà tặng điều khiển game

🔹 Kết nối trực tiếp 🔗 tới một phiên livestream TikTok qua username.

🔹 Khán giả tặng quà TikTok sẽ kích hoạt hiệu ứng trong game theo ánh xạ

do người chơi tự cấu hình ở trang Cài đặt:

🍎 Một loại quà → sinh thêm mồi ngẫu nhiên trên bàn cờ

⚡ Một loại quà → tăng tốc độ di chuyển của rắn

🐌 Một loại quà → giảm tốc độ di chuyển của rắn

🔹 Mỗi lượt quà đều hiện thông báo (toast) 💬 kèm ảnh quà, tên người tặng và

hiệu ứng đã kích hoạt, ngay trên góc màn hình.

🔹 Có bảng chú thích (legend) 📋 hiển thị sẵn "quà nào tương ứng hiệu ứng gì"

để người xem biết cần tặng gì mà không cần thử trước.

🔹 Danh sách quà TikTok đầy đủ 💎 (tên, giá xu, hình ảnh) được nạp sẵn để

chọn nhanh khi cấu hình.

4️⃣ 🎮 Điều khiển & tùy chỉnh

🔹 🎚️ Thanh trượt điều chỉnh tốc độ rắn 10 mức.

🔹 🍎 Nút thêm mồi thủ công · ⏸ tạm dừng/tiếp tục · ↻ chơi lại.

🔹 🖱️ Click chuột trực tiếp lên bàn cờ để thả mồi vào đúng ô mong muốn.

🔹 📊 Bảng điểm hiển thị: Điểm số, Độ dài rắn, Số mồi hiện có trên bàn.

5️⃣ ⚙️ Trang cài đặt riêng (/settings)

🔹 Nhập username TikTok của kênh đang live để kết nối.

🔹 🟢🔴 Theo dõi trạng thái kết nối theo thời gian thực (đã kết nối / lỗi /

đang kết nối).

🔹 🎁➡️🎮 Gán từng loại quà TikTok cho 3 hiệu ứng game, có xem trước ảnh quà.

🛠️ CÔNG NGHỆ SỬ DỤNG

----------------------

🖥️ Frontend: HTML5 Canvas 2D (render isometric thủ công), JavaScript thuần,

không dùng framework.

🗄️ Backend: Node.js, Express (phục vụ file tĩnh + API cấu hình),

WebSocket ⚡ (đồng bộ trạng thái/quà tặng theo thời gian thực tới trình duyệt).

📲 Kết nối TikTok Live qua thư viện tiktok-live-connector.

🇻🇳 Toàn bộ giao diện tiếng Việt.

💎 TRẢI NGHIỆM NGƯỜI DÙNG

---------------------------

Giao diện tối màu (dark UI) 🌙 phong cách neon tím – xanh ngọc 💜💚, hiệu ứng

kính mờ ✨ (glassmorphism), có phần thưởng thị giác (glow, đổ bóng) đồng bộ với

gameplay, tạo cảm giác hiện đại và bắt mắt 🤩 khi trình chiếu trên livestream.