# Kim Cương (LumiGem): game kéo đá nối combo đánh Boss trên trình duyệt

Game giải đố nhập vai (Match-3 RPG) lấy cảm hứng từ Puzzle & Dragons, nơi bạn giữ và kéo một viên đá xuyên qua bàn 6x5 trong 5 giây để nối chuỗi combo và hạ Boss.

Nếu từng chơi các dòng game giải đố truyền thống kiểu đổi chỗ hai viên đá cạnh nhau, bạn sẽ quen với nhịp chơi khá tĩnh: mỗi lượt chỉ nhích được một ô rồi ngồi chờ đá rơi. Khi bắt tay vào làm [Kim Cương (LumiGem)](https://gem.tqd.me), mình muốn mang cơ chế kéo đá tự do của dòng *Puzzle & Dragons* lên nền web gọn nhẹ để bất kỳ ai cũng mở ra giải trí được ngay trên trình duyệt.

Thay vì chỉ tráo hai ô liền kề, bạn nhấn giữ một viên đá và kéo nó đi xuyên qua mặt bàn 6x5. Ngay khoảnh khắc viên đá vượt qua ranh giới ô đầu tiên, đồng hồ đếm ngược 5 giây bắt đầu chạy. Trong 5 giây đó, viên đá trên tay bạn đi tới đâu sẽ đổi chỗ liên tục với các viên nằm trên đường đi, cho phép bạn tự tay sắp xếp 4 hoặc 5 cụm đá cùng màu trên khắp mặt bàn trước khi thả tay.

## Bàn đá 6x5 và chuỗi nổ dây chuyền từ Đá Sấm, Đá Nổ đến Siêu Nổ

Trên mặt bàn 30 ô có 6 loại đá nguyên tố. Mỗi loại vừa gây sát thương lên quái vật vừa mang một tác dụng chiến thuật riêng cho nhân vật của bạn:

- **Đá Đỏ (Lửa), Vàng (Ánh sáng), Cam (Đất)** tập trung dồn sát thương trực diện theo hệ số khắc hệ.
- **Đá Xanh Lá (Tự nhiên)** vừa tấn công vừa hồi máu ngay trong lượt (ghép 3 viên hồi 10% máu tối đa, mỗi viên dôi ra cộng thêm 2%).
- **Đá Xanh Dương (Nước)** tạo lớp lá chắn hấp thụ đòn đánh sắp tới của quái vật.
- **Đá Tím (Tinh thần)** nạp đầy thanh năng lượng để rút các Thẻ kỹ năng.

![Hướng dẫn ghép 4 viên thẳng tạo Đá Sấm quét ngang hàng trong Game Kim Cương](/media/2026/11/b62089e8be6c-kim-cuong-special-gem.png)

Mỗi cụm từ 3 viên cùng màu trở lên được tính là 1 combo và cộng thêm 10% sát thương cho toàn bộ lượt đánh. Khi bạn xếp khéo tay hơn, bàn cờ sẽ sinh ra các viên đá đặc biệt ngay tại vị trí vừa ghép:

- **Đá Sấm (Thunder Gem)** xuất hiện khi nối 4 viên thẳng hàng. Khi kích hoạt, nó phóng tia sét quét sạch toàn bộ hàng ngang hoặc cột dọc.
- **Đá Nổ (Bomb Gem)** xuất hiện khi ghép chữ T, chữ L hoặc cụm từ 5 viên, phát nổ vùng 3x3 xung quanh.
- **Đá Kim Cương (Hyper Gem)** xuất hiện khi ghép 5 viên thẳng hàng, xóa toàn bộ các viên đá cùng màu trên mặt bàn.
- **Siêu Nổ (Super Blast)** được kích hoạt khi bạn kéo một viên Đá Kim Cương chạm trực tiếp vào Đá Sấm hoặc Đá Nổ, quét sạch một màu và kích nổ dây chuyền mọi viên đá đặc biệt đang có trên sân.

## Nhịp đấu theo lượt có báo trước ý đồ của quái vật

Nửa bên trái màn hình (hoặc nửa trên khi cầm dọc điện thoại) là khung cảnh chiến đấu nhập vai. Mỗi quái vật đều hiển thị rõ đồng hồ đếm ngược số lượt và hành động sắp tới của nó, chẳng hạn như chiêu *Lăn Đè* hay *Đấm Núi* gây bao nhiêu sát thương sau 2 lượt nữa.

![Trận đánh Boss Golem Đá với hệ thống tích năng lượng Thẻ kỹ năng và nhân sát thương combo](/media/2026/11/20859a1c8fc8-kim-cuong-boss-golem.png)

Nhờ nhìn trước được đòn đánh của đối phương, người chơi không chỉ ghép đá theo phản xạ mà phải tính toán theo tình huống thực tế: khi Boss chuẩn bị tung đòn nặng ở lượt kế tiếp, bạn cần ưu tiên gom Đá Xanh Dương để dựng giáp và Đá Xanh Lá để giữ máu; khi Boss đang hở sườn, bạn dồn thanh năng lượng **Thẻ kỹ năng** lên mốc 100 điểm để rút các lá bài hỗ trợ như *Chém Lửa*, *Lá Chắn Băng*, *Biến Đá* hoặc *Làm Choáng*.

## Sáu vùng đất chiến dịch và chế độ Vực Sâu vô tận

Hành trình trong game đưa người chơi đi qua 6 vùng đất, mỗi vùng gồm 4 ải thường và 1 ải Boss trấn giữ ở cuối đường:

1. **Đồi Đá** với Mọt Đá, Rùa Đá và Boss Golem Đá có lớp giáp cứng.
2. **Rừng Xanh** cùng các loài quái thú tốc độ cao.
3. **Đầm Lầy** với cơ chế rút máu và làm chậm.
4. **Núi Lửa** thiên về sát thương bùng nổ.
5. **Đỉnh Băng** với các đòn đóng băng mặt bàn.
6. **Điện Hư Không** cùng khu vực thử thách **Vực Sâu (Abyss)** dành cho người muốn thử sức với các đợt quái vật mạnh dần không giới hạn.

![Bản đồ hành trình chương Đồi Đá với 4 ải thường và 1 ải Boss trong Game Kim Cương](/media/2026/11/db73ef55a754-kim-cuong-map-vi-1280x720.jpg)

Qua mỗi trận thắng, nhân vật nhận điểm kinh nghiệm để lên cấp, mở khóa thêm vũ khí, giáp trụ và bùa hộ mệnh trong hành trang để tùy biến lối chơi.

## Tối ưu gói tải siêu nhẹ 209 KB và âm thanh tổng hợp trực tiếp

Vì định hướng xuất bản lên cả web độc lập lẫn tiêu chuẩn **YouTube Playables**, mình đặt kỷ luật kỹ thuật rất chặt ngay từ đầu:

- Toàn bộ đồ họa mặt bàn, hiệu ứng hạt (*particle*), rung chấn màn hình và hoạt ảnh nhân vật được dựng trên **HTML5 Canvas 2D** thuần kết hợp TypeScript, giữ dung lượng gói mã nguồn sau khi nén chỉ khoảng **209 KB**.
- Toàn bộ nhạc nền và hiệu ứng âm thanh (tiếng trượt đá, tiếng nổ combo tăng dần cao độ theo chuỗi, tiếng sấm sét, tiếng khiên đỡ) được tổng hợp bằng **Web Audio API** theo thời gian thực mà không dùng bất kỳ tệp MP3 hay WAV nào.
- Hệ thống tính sát thương, sinh đá chống kẹt nước đi và cân bằng độ khó được kiểm chứng tự động bằng **1.491 bài kiểm thử đơn vị (Vitest)** cùng **187 kịch bản kiểm thử đầu-cuối trên Playwright**.

Trò chơi hỗ trợ đầy đủ cả màn hình ngang trên máy tính lẫn màn hình dọc trên điện thoại, có chế độ ký hiệu hình học hỗ trợ người mù màu và tùy chọn giảm chuyển động.

- **Chơi ngay trên trình duyệt**: [gem.tqd.me](https://gem.tqd.me/?lang=vi)