AI Block Puzzle là một bước tiến mới đầy sáng tạo của dòng game xếp khối (Block Puzzle) cổ điển. Thay vì sử dụng chuột hay thao tác chạm vuốt trên màn hình, giờ đây bạn có thể trực tiếp “cầm nắm” và đặt các khối hình trong không gian ảo chỉ bằng những chuyển động tự nhiên của đôi bàn tay.
Công nghệ đột phá
Trò chơi vận hành hoàn toàn trên trình duyệt mà không cần cài đặt thêm phần mềm. Cốt lõi của hệ thống sử dụng MediaPipe Hands của Google – một mô hình AI học máy siêu nhẹ giúp nhận diện và theo dõi tọa độ các khớp ngón tay qua Webcam với độ trễ gần như bằng không. Hình ảnh đồ họa sắc nét, mang phong cách neon hiện đại được kết xuất (render) mượt mà thông qua thư viện p5.js. Bên cạnh đó, hệ thống âm thanh vòm 8-bit được tạo ra bằng Web Audio API giúp tăng cường tính chân thực trong từng tương tác.
Hướng dẫn chức năng & Cách chơi
- Bước 1 – Chuẩn bị: Cấp quyền truy cập camera cho trình duyệt. Lưới chơi 8×8 và 3 khối hình ngẫu nhiên sẽ xuất hiện trên màn hình.
- Bước 2 – Lựa chọn & Nhặt khối: Giơ bàn tay lên trước ống kính. Di chuyển điểm giữa lòng bàn tay đến vị trí khối hình bạn muốn, sau đó nắm tay lại (✊) để “gắp” khối lên.
- Bước 3 – Căn chỉnh & Thả khối: Tiếp tục giữ tay ở trạng thái nắm và di chuyển vào khu vực lưới. Một “chiếc bóng” (ghost) sẽ xuất hiện: màu xanh lá (vị trí hợp lệ) hoặc màu đỏ (vị trí bị trùng lấp). Xòe tay ra (🖐️) để chốt thả khối vào lưới.
- Bước 4 – Ghi điểm: Lấp kín các hàng ngang hoặc cột dọc để phá hủy chúng và ghi điểm. Hãy khéo léo tạo ra các combo nổ nhiều hàng cùng lúc. Trò chơi sẽ kết thúc (Game Over) khi lưới không còn không gian chứa các khối còn lại.
Tính ứng dụng & Phát triển tương lai
Trò chơi không chỉ mang tính giải trí cao mà còn là một minh chứng xuất sắc cho việc ứng dụng thị giác máy tính (Computer Vision) vào tương tác người máy (HCI). Trong tương lai, mô hình này có thể được phát triển mở rộng để ứng dụng vào phục hồi chức năng y tế (luyện tập cử động cổ tay), giáo dục STEM cho trẻ em, hoặc làm module tương tác AR trong các trung tâm thương mại nhằm thu hút khách hàng.
