Nền tảng đám mây giúp game web nặng chạy được trên máy yếu.
Cookie, local storage và session storage là ba cách lưu trữ trình duyệt. Không nên bật quá nhiều tiện ích mở rộng trình duyệt vì có thể xung đột với mã game.
Gửi yêu cầu lặp đi lặp lại tốn tài nguyên và độ trễ cao, còn kênh mở sẵn thì tin nhắn đi ngay lập tức. Canvas vẽ lại toàn bộ khung hình mỗi lần cập nhật, nên số vật thể trên màn hình ảnh hưởng trực tiếp đến tốc độ chứ không phải độ phức tạp của từng vật.
Phaser, PixiJS và Three.js là các engine phổ biến để làm game web. Chế độ ẩn danh xóa sạch dữ liệu khi đóng cửa sổ.
So sánh với chính mình hoặc với người chơi trên cùng thiết bị vẫn tạo được động lực mà không cần máy chủ. Ảnh, mã, mạng quyết định tốc độ tải.
Kiểm tra tính năng thay vì kiểm tra tên trình duyệt. Hỏi quyền ngay khi vừa vào trang thường bị từ chối, nên đợi đến khi người chơi đã gắn bó thì tỷ lệ đồng ý cao hơn nhiều.
Màn hình dọc quá hẹp cho các game cần tầm nhìn rộng, nên hiện thông báo nhắc xoay máy là cách xử lý phổ biến. Khựng định kỳ thường là dấu hiệu của dọn rác.
Ngón tay kém chính xác hơn con trỏ nhiều lần, một nút vừa đủ cho chuột sẽ rất khó chạm trúng trên điện thoại. Công cụ tìm kiếm đánh giá cả tốc độ, nên tối ưu dung lượng vừa giữ người chơi vừa cải thiện khả năng được tìm thấy.
Bảng xếp hạng dựa hoàn toàn vào dữ liệu người chơi gửi lên sẽ nhanh chóng bị chiếm bởi những con số vô lý. Người chơi tải từ điểm gần nhất thay vì từ máy chủ gốc, chênh lệch có thể là vài giây trên kết nối chậm.
Vài giây một lần là đủ mà không gây ảnh hưởng đến hiệu năng, vì thao tác ghi vào lưu trữ cục bộ rất nhẹ. Bookmark trang game giúp truy cập nhanh lần sau mà không cần tìm lại.
Game web đa nền tảng không cần build riêng cho từng hệ điều hành. Độ trễ trong game web nhiều người thường cao hơn ứng dụng gốc.
Sự kiện chạm và sự kiện chuột không giống nhau. Trang trắng vài giây khiến phần lớn người dùng đóng tab, còn thấy được tiến độ thì họ sẵn sàng chờ lâu hơn nhiều.
WebGL đẩy phần dựng hình sang card đồ họa, cho phép xử lý hàng nghìn vật thể mà Canvas hai chiều thông thường không kham nổi. Giao diện tối giản tải nhanh hơn và cũng dễ đọc hơn trên màn hình nhỏ, đây là lý do phần lớn game web thành công đều có thiết kế đơn giản.
Trình duyệt cố ý làm chậm các tab không hiển thị để tiết kiệm pin, nên game chạy nền gần như dừng hẳn. Thời lượng mỗi màn nên ngắn vì người chơi web thường chỉ ghé qua vài phút, và một màn kéo dài mười phút sẽ bị bỏ dở giữa chừng.
Khung hình rơi làm bước nhảy thời gian quá lớn. Tính toán theo thời gian trôi qua thay vì theo số khung hình.
Refresh trang có thể mất phần chưa lưu. Công cụ giả lập trong trình duyệt không phản ánh đúng hiệu năng và cách cảm ứng hoạt động trên thiết bị thực.
WebGL, Canvas và HTML kết hợp CSS là ba định dạng phổ biến. Công nghệ này lưu sẵn tài nguyên trên máy, cho phép chơi tiếp ngay cả khi kết nối bị ngắt giữa chừng.
Hiệu ứng đồ họa đẹp chưa chắc chạy mượt trên máy yếu. Nó chỉ ra chính xác hàm nào chiếm nhiều thời gian nhất, hiệu quả hơn nhiều so với đoán mò rồi tối ưu nhầm chỗ.
Tắt JavaScript khiến game web không chạy được. Tai người ít nhạy với mất mát chất lượng âm thanh nền hơn mắt với hình ảnh, nên đây là chỗ cắt dung lượng dễ nhất.
Tệp không đổi được giữ lại trên máy, nên chỉ lần đầu tiên là phải tải đầy đủ toàn bộ. Trình duyệt chặn tự động phát tiếng để tránh làm phiền, nên nhạc nền chỉ bật lên sau khi người chơi chạm hoặc bấm lần đầu.
Đăng ký tiến trình nền cho phép cập nhật khi có mạng trở lại. Ngón tay không có trạng thái di chuyển khi chưa chạm, nên mọi hiệu ứng dựa trên việc rê chuột đều mất tác dụng.
Không cài đặt cũng là nhược điểm về giữ chân người chơi. Thấy được tiến bộ của chính mình là động lực đủ mạnh, và nó không đòi hỏi bất kỳ hệ thống tài khoản nào.
Hai game trên cùng một tên miền chia sẻ cùng vùng lưu trữ, nên đặt tiền tố riêng cho từng game tránh ghi đè lẫn nhau. Chế độ tiết kiệm dữ liệu có thể chặn tải ảnh.
Chạy full màn hình giúp trải nghiệm gần giống ứng dụng cài đặt hơn. Giao diện nên tách khỏi vùng vẽ game.
Phím tắt đóng cửa sổ hay chuyển ứng dụng không thể bị trang web chặn, nên tránh dùng chúng làm phím điều khiển. Rung phản hồi trên web chỉ hoạt động ở một phần thiết bị di động, nên đừng dựa vào nó làm tín hiệu duy nhất cho một sự kiện quan trọng.
Chuỗi văn bản vẽ trên Canvas rất tốn tài nguyên. Lưu tiến trình sau mỗi màn thay vì sau mỗi phiên.
Ba phiên bản trình duyệt cũ nhất còn hỗ trợ chuẩn HTML5 đầy đủ thường được nhà phát triển ghi rõ.
09-10
Giới hạn bước tính toán tối đa tránh được việc nhân vật xuyên qua tường khi máy khựng một nhịp dài.
09-10
Canvas hợp game hai chiều đơn giản.
09-10
Sunday
09-10
