Rất nhiều thứ đã thay đổi kể từ thời mà các nhà phát triển web hầu như chỉ dựa vào Flash để có nội dung tương tác đa phương tiện. Mặc dù công nghệ này vẫn còn tồn tại rất nhiều và có thể không sớm thấy sự thay thế cho một số mục đích sử dụng nhất định, nhưng ngày càng có nhiều trang web triển khai HTML5 để truyền phát âm thanh và video và chúng tôi cũng bắt đầu thấy một số ứng dụng trong không gian trò chơi.
HTML là một ngôn ngữ đánh dấu để cấu trúc và trình bày nội dung trên trang web. Phiên bản mới nhất và vẫn đang trong quá trình phát triển của nó bổ sung nhiều yếu tố và thuộc tính giúp dễ dàng đưa vào và xử lý nội dung đa phương tiện và đồ họa trên web mà không cần phải dùng đến các plugin độc quyền.
Ba phần tử và API liên quan cho phương tiện được giới thiệu bởi HTML5 là phần tử âm thanh, cho phép nhà phát triển thêm âm thanh trong trình duyệt vào tài liệu hoặc ứng dụng, phần tử video cho video trong trình duyệt mà không có các thẻ đối tượng và nhúng lộn xộn, và phần tử canvas và API cung cấp bề mặt vẽ 2D có thể được sử dụng cho mọi thứ, từ hoạt ảnh đơn giản đến trò chơi phức tạp.
Mặc dù vẫn sẽ mất một thời gian cho đến khi đặc tả HTML5 hoàn thiện, nhưng nó đã tương đối ổn định và có những triển khai sắp hoàn thành. Các phiên bản gần đây của tất cả các trình duyệt chính đều hỗ trợ HTML5 ở mức độ lớn và gần 80% tất cả video trên web được mã hóa ở H.264 theo dữ liệu từ MeFeedia, có nghĩa là chúng có thể được phân phối trong thẻ video của HTML5 – mặc dù đối với lý do kinh doanh (đọc: quảng cáo và bảo vệ bản sao) chúng không phải lúc nào cũng được gửi qua HTML5.
Đối với trò chơi, có một số ví dụ thực sự ấn tượng có thể dễ dàng cạnh tranh với một số thứ đã được thực hiện trên Flash trong thập kỷ qua. Chúng tôi đã biên soạn một bộ sưu tập nhỏ các tiêu đề cổ điển và hiện đại được xây dựng bằng HTML5 và các tiêu chuẩn web mở khác sẽ mang đến cho bạn hương vị của những thứ sắp tới.
Trò chơi chiến lược thời gian thực cổ điển Command & Conquer được tạo lại hoàn toàn bằng HTML5, chạy trên 69 nghìn Javascript, bởi một nhà phát triển dám nghĩ dám làm tên là Aditya Ravi Shankar, người muốn cải thiện kỹ năng viết mã của mình.
Shankar đã mất ba tuần rưỡi để tập hợp bản dựng đầu tiên lại với nhau, kết hợp các tệp của trò chơi gốc để có được các họa tiết, âm thanh và thông số kỹ thuật đơn vị phù hợp. Dự án còn lâu mới hoàn thành và vẫn còn một số việc phải hoàn thiện, nhưng dù sao đó cũng là một ví dụ tuyệt vời về tiềm năng của HTML5 đối với trò chơi. Trò chơi hoạt động tốt nhất trên Chrome hoặc Firefox và mã nguồn có sẵn trên github.
Việc triển khai trò chơi năm 1992 củaSoftware, Wolfenstein 3D, được thực hiện bằng cách sử dụng Javascript và phần tử Canvas. Tất cả tầng đầu tiên được vạch ra, mặc dù có một vài sửa đổi, nhưng nó giống như một bằng chứng về khái niệm hơn là một trò chơi thực tế có thể chơi được. Ví dụ, không có AI cho lính canh, họ chỉ đứng xung quanh và chờ bị bắn.
Các game bắn súng góc nhìn thứ nhất nổi tiếng khác cũng đã được chuyển sang HTML, bao gồm Doom – đã bị gỡ xuống sau thông báo ngừng và hủy bỏ từ Id Software – và Quake II. Cái sau thực sự đã được các nhân viên của Google chuyển đến để thể hiện những gì có thể với HTML5 trong trình duyệt. Trò chơi có thể chơi được với âm thanh HTML5 đầy đủ và hiển thị WebGL với tốc độ lên tới 60 khung hình mỗi giây không có trình cắm. Thật không may, nó không được lưu trữ trực tuyến, nhưng hướng dẫn cài đặt có sẵn tại trang Google Code của nó. Ngoài ra còn có một video của trò chơi đang hoạt động ở đây.
Được phát hành để tỏ lòng tôn kính nhân dịp kỷ niệm 30 năm trò chơi điện tử thùng nổi tiếng, Pac-Man, đây là hình tượng trưng có thể chơi, tương tác đầu tiên của Google và được người dùng đón nhận nồng nhiệt đến mức công ty đã quyết định lưu trữ trò chơi này vô thời hạn thay vì chỉ trong 48 giờ như kế hoạch ban đầu .
Trò chơi dựa trên HTML5 với tùy chọn Flash dự phòng cho các trình duyệt chưa hỗ trợ. Giống như trò chơi Pac-Man ban đầu, Google đã lập trình trò chơi bị trục trặc và kết thúc ở màn hình thứ 256, mặc dù có vẻ như trò chơi đã bị cắt xuống một cấp độ duy nhất được xây dựng xung quanh logo Google. Tuy nhiên, đây là một ví dụ đáng giá về các khả năng của HTML5 dựa trên một biểu tượng của nền văn hóa đại chúng những năm 1980.
Được thiết kế để giúp quảng bá Internet Explorer 9 và chiến dịch Beauty of the Web, phiên bản HTML5 dành cho máy tính để bàn của trò chơi Cut the Rope cực kỳ phổ biến đã được cung cấp trực tuyến miễn phí nhờ sự hợp tác giữa Microsoft và nhà phát triển ZeptoLab. Trò chơi có thể chơi được trên mọi trình duyệt HTML 5 tương thích, không chỉ IE.
Đối với những người không quen thuộc, Cut the Rope có một con quái vật màu xanh lá cây tên là Om Nom mà bạn sẽ phải cho kẹo bằng cách cắt và điều khiển dây thừng, túi khí và bong bóng. Nó rất gây nghiện và đã được tải xuống hàng triệu lần trên nền tảng di động. Cổng này giới thiệu các khả năng của HTML5 như đồ họa kết xuất bằng canvas, âm thanh và video dựa trên trình duyệt, kiểu dáng CSS3 và phông chữ WOFF. Các nhà phát triển đầy tham vọng có thể kiểm tra trang Hậu trường của họ để tìm cảm hứng.
Pirates Love Daisies là một trò chơi phòng thủ tháp dựa trên ‘Plants vs Zombies’ do studio của Grant Skinner tạo ra, được biết đến nhiều hơn với công việc của nó trong Flash và được Microsoft tài trợ cũng như một phần trong sáng kiến Beauty of the Web của họ.
Đây là một trong những trò chơi HTML-CSS-và-JavaScript hoàn thiện tốt hơn cho đến nay, với giao diện thực sự bóng bẩy, hiệu ứng âm thanh tuyệt vời và phong cách hình ảnh đẹp mắt. Về cơ bản, trò chơi yêu cầu người chơi bảo vệ hoa cúc của họ khỏi các loại ‘creeps’ khác nhau (bạch tuộc, cua, chuột và mòng biển) bằng cách sử dụng loại cướp biển thích hợp nhất, mỗi loại có một bộ kỹ năng và vũ khí khác nhau. Khi người chơi tích lũy vàng từ việc tiêu diệt kẻ thù của mình, họ có thể nâng cấp kỹ năng của cướp biển hoặc thêm nhiều cướp biển hơn. Đó là một trò chơi rất thú vị. Chạy tốt hơn trên IE9.
WordSquared là một trò chơi ô chữ nhiều người chơi khổng lồ được viết bằng HTML5. Về cơ bản, nó là một bản sao của trò chơi giải đố nổi tiếng “Scrabble” trên steroid, trong đó bạn sẽ phải tạo ra một chuỗi từ càng dài càng tốt, ghi được nhiều điểm trong quá trình này. Người dùng chỉ cần sử dụng chuột để kéo và thả các ô chữ lên bảng.
Trò chơi ban đầu được tạo trong vòng chưa đầy 48 giờ cho cuộc thi Knockout Node.js, cuộc thi yêu cầu người dự thi tạo trò chơi hoặc ứng dụng bằng HTML5 và Nền tảng web mở trong một khoảng thời gian rất ngắn. Kể từ đó, nó đã nhận được một số sửa đổi, bao gồm cả việc bổ sung thành tích và mua hàng trong trò chơi. Kéo bản đồ xung quanh, bạn không thể không bị ấn tượng bởi kích thước của bảng và các chuỗi từ đã hoàn thành.
Đây mới chỉ là phần nổi, còn rất nhiều ví dụ tuyệt vời khác tại beautyoftheweb.com và Cửa hàng Chrome trực tuyến, bao gồm cả trò chơi Angry Birds cực kỳ nổi tiếng mà chúng tôi cố tình bỏ qua trong bài viết này vì có lẽ bạn đã nghe đủ về trò chơi rồi. Mặc dù chúng tôi sẽ không tranh luận rằng trình duyệt không phải là nền tảng tốt nhất để chơi trò chơi, nhưng chúng tôi vẫn ấn tượng với tiềm năng của HTML5, CSS và JavaScript như một giải pháp thay thế cho Flash.
Bạn đã khám phá ra bất kỳ trò chơi hoặc ứng dụng HTML5 tuyệt vời nào chưa? Bất kỳ yêu thích cá nhân? Chia sẻ chúng với chúng tôi trong phần bình luận.