Bạn bấm vào một ô vuông nhỏ trên trang, và hai giây sau một bàn chơi hiện ra. Không có tệp nào được ghi vào ổ cứng, không có biểu tượng mới trên màn hình chính. Câu hỏi hợp lý là: thứ vừa chạy trên máy bạn là gì?
HTML5 không phải một ngôn ngữ, mà là một bộ tiêu chuẩn
Cái tên dễ gây hiểu nhầm. HTML5 là tên gọi chung cho một nhóm tiêu chuẩn web hiện đại: HTML dựng cấu trúc trang, CSS lo phần hiển thị, JavaScript lo phần logic. Trình duyệt nào cũng có sẵn ba thứ đó, nên một game viết bằng chúng chạy được ở bất cứ đâu có trình duyệt.
Điểm quan trọng: game không được cài, nó được tải như một trang web. Mỗi lần mở, trình duyệt lấy mã từ máy chủ, chạy nó trong một môi trường bị giới hạn quyền, rồi vẽ kết quả lên màn hình. Giới hạn quyền đó là lý do game web không đọc được tệp của bạn, và giải thích vì sao nó khó nặng bằng game cài.
Canvas: tấm bảng vẽ được làm mới liên tục
Canvas là một vùng vẽ trong trang. Game 2D dùng nó bằng cách xóa toàn bộ vùng, rồi vẽ lại mọi thứ ở vị trí mới — hàng chục lần mỗi giây. Mắt bạn thấy chuyển động; thực chất chỉ là hàng nghìn bức ảnh tĩnh nối tiếp.
TenTrix là ví dụ dễ hình dung: bạn kéo các mảnh kiểu Tetris vào lưới 10×10, điền đầy hàng hoặc cột để xóa và lấy điểm. Mỗi lần bạn kéo một mảnh, canvas phải vẽ lại lưới, mảnh đang kéo và bóng của nó. Không có gì được “di chuyển” thật — chỉ là vẽ lại ở chỗ khác.
Cùng cơ chế đó, Cartoon Mahjong vẽ lại cả bàn mỗi khi bạn ghép một cặp. Cách làm này có giới hạn rõ: khi số vật thể tăng, chi phí vẽ lại tăng theo, và khung hình bắt đầu giật.
WebGL: đưa card đồ họa vào trình duyệt
Nếu Canvas là bảng vẽ bằng tay, WebGL là thuê một xưởng in. Nó cho JavaScript nói chuyện trực tiếp với GPU — bộ xử lý chuyên vẽ hình — nên có thể dựng cảnh 3D với hàng nghìn đa giác ở tốc độ đủ mượt để chơi. Các bản đua xe 3D trong cùng chuyên mục là kiểu ứng dụng điển hình: địa hình, ánh sáng, camera đều do GPU lo.
Khác biệt thực tế với người chơi: game WebGL nặng hơn khi tải và phụ thuộc vào máy. Trên laptop cũ hoặc điện thoại tầm trung, nó có thể chạy nhưng nóng máy và tụt khung hình. Nếu một game 3D trên web giật, nguyên nhân thường là GPU chứ không phải mạng.
WebAssembly: mang code nặng lên web
JavaScript chạy nhanh, nhưng không đủ nhanh cho mọi thứ. WebAssembly là một định dạng nhị phân để trình duyệt chạy code đã được biên dịch sẵn, gần với tốc độ của ứng dụng cài trên máy. Nó thường xuất hiện ở những chỗ cần tính toán dày: vật lý phức tạp, mô phỏng, hoặc các bản port từ game cũ.
Với người chơi, WebAssembly gần như vô hình. Bạn chỉ thấy một game web đột nhiên xử lý được thứ mà vài năm trước phải cài mới chạy nổi. Đó là lý do câu “game web thì nhẹ” ngày càng sai.
localStorage: tiến trình nằm trong trình duyệt của bạn
Nhiều game web lưu tiến trình bằng localStorage — một kho nhỏ theo từng tên miền, chỉ vài megabyte tùy trình duyệt. Nó giữ được thứ đơn giản: màn đã qua, điểm cao nhất, tùy chọn âm thanh. Nó không phải tài khoản và không đồng bộ giữa các máy.
Hệ quả rất cụ thể: xóa dữ liệu duyệt web là mất tiến trình. Đổi máy là mất tiến trình. Mở ở chế độ ẩn danh thì tiến trình biến mất khi đóng cửa sổ. Nếu một game không có nút đăng nhập, gần như chắc chắn nó đang lưu kiểu này.
Khi game không tải: bốn nguyên nhân thường gặp
| Hiện tượng | Nguyên nhân hay gặp | Cách xử lý |
|---|---|---|
| Trang trắng, không có gì hiện ra | Một tiện ích chặn script hoặc chặn quảng cáo | Tắt tiện ích cho trang đó rồi tải lại |
| Vào được nhưng bàn chơi trống | Tệp hình ảnh chưa tải xong do mạng chậm | Chờ thêm, hoặc tải lại khi mạng ổn định |
| Giật, khung hình nhảy | GPU yếu hoặc trình duyệt tắt tăng tốc phần cứng | Bật tăng tốc phần cứng, đóng các tab nặng khác |
| Chơi được nhưng mất tiến trình | Đang ở chế độ ẩn danh hoặc đã xóa dữ liệu trang | Dùng cửa sổ thường và đừng xóa dữ liệu của trang đó |
Thứ tự kiểm tra nên theo bảng trên, từ trên xuống. Nguyên nhân đầu tiên phổ biến hơn bạn tưởng: rất nhiều báo lỗi “game không chạy” thực chất là một tiện ích chặn script đang làm việc đúng như thiết kế.
Vậy HTML5 có phải là dấu hiệu của game rẻ tiền?
Không. Đó là kênh phân phối, không phải chất lượng. Cartoon Mahjong cho thấy một bàn mạt chược đơn giản vẫn có thể được thiết kế để chơi nhiều lần, còn một game 3D dựng bằng WebGL có thể nặng và đẹp hơn nhiều thứ cài trên máy. Cùng một công nghệ, hai kết quả khác nhau, vì thứ quyết định là thiết kế.
Còn một mảnh khác của bức tranh: vì sao những game này miễn phí. Mục tin tức có bài riêng về các mô hình kiếm tiền, kèm cách nhận biết một bản miễn phí tử tế.
Điều đáng chú ý là giới hạn của web đang bị đẩy lùi mỗi năm, nên đừng dùng hiểu biết cũ để đoán. Cách kiểm tra đáng tin nhất vẫn là mở thử: nếu một game web khiến bạn quên mất mình đang ở trong trình duyệt, công nghệ đã làm xong việc của nó.
Câu hỏi thường gặp
Game HTML5 có cần cài thêm plugin không?
Không. Các công nghệ như Canvas, WebGL và WebAssembly đã nằm sẵn trong trình duyệt hiện đại, nên game chạy ngay khi bạn mở trang. Những plugin cũ từng được dùng cho mục đích này đã bị loại bỏ từ lâu, nên nếu một trang yêu cầu cài thêm thứ gì, đó là dấu hiệu đáng nghi.
Vì sao game HTML5 mất tiến trình khi tôi xóa lịch sử?
Vì phần lớn game loại này lưu tiến trình trong localStorage, một kho dữ liệu nhỏ gắn với tên miền trong trình duyệt. Xóa dữ liệu trang là xóa luôn kho đó. Game không có tài khoản thì không có bản sao nào khác, nên tiến trình không thể khôi phục.
Game HTML5 có chơi được khi mất mạng không?
Thường là không, vì mã và tài nguyên được tải từ máy chủ mỗi lần mở. Một số game có cơ chế lưu tạm để chơi lại khi mất mạng, nhưng đó là ngoại lệ và thường chỉ áp dụng cho phần đã tải trước đó. Nếu cần chơi offline, game cài sẵn vẫn là lựa chọn chắc chắn hơn.