Sẵn sàng phát trên web

Xây dựng trò chơi cho web hiện đại.

Tom Greenaway

Các nhà phát triển trò chơi giỏi biết rằng để tận dụng cơ hội của một nền tảng cụ thể, điều quan trọng là phải nắm được các đặc điểm độc đáo của nền tảng đó. Vậy các đặc điểm độc đáo của web là gì? Và điều gì định nghĩa một trò chơi trên web?

Tại Google I/O 2019, tôi đã trình bày suy nghĩ của mình về hiện trạng của hệ sinh thái trò chơi trên web, các phương pháp hay nhất hiện nay để phát triển trò chơi trên web hiện đại và hướng đi của ngành này. Trong bài đăng trên blog này, tôi sẽ tóm tắt một số điểm chính trong buổi trò chuyện mà bạn có thể xem toàn bộ trên YouTube:

Những thách thức của trò chơi trên web

Trước khi gia nhập Google, tôi đã tạo một trò chơi di động có tên là Duet và trò chơi này được tải xuống gần 20 triệu lần. Qua kinh nghiệm đó, tôi biết được rằng 3 thành phần thiết yếu để tạo dựng doanh nghiệp thành công từ trò chơi là:

  • Trò chơi đầy đủ chức năng
  • Số người dùng
  • Một cách để kiếm tiền từ người dùng

Nếu không có ba yếu tố này, nhà phát triển trò chơi không thể thành công. Ngày nay, hai điểm cuối cùng này là quan trọng nhất. Các hệ sinh thái HTML5 khép kín như WeChat, Facebook Instant Games, v.v. đã chứng minh rằng việc xây dựng trò chơi bằng HTML5 có thể đạt được.

Các phương pháp hay nhất hiện đại

Trong "trò chơi chức năng", tôi đề cập đến 3 yếu tố cốt lõi nhất làm nên hoạt động của một trò chơi:

  • Hiệu suất
  • Hình ảnh
  • Âm thanh

Ở mỗi lĩnh vực này, nền tảng web đã có những bước tiến đáng kể trong vài năm qua. Đối với hiệu suất của CPU, chúng tôi có quyền truy cập vào một tiêu chuẩn mới về hiệu suất có tên là WebAssembly. Về mặt đồ hoạ, WebGL 1.0khả năng hỗ trợ tốt trên nhiều trình duyệt và các tiêu chuẩn trong tương lai (chẳng hạn như WebGPU) đang định vị nền tảng web cho một tương lai mở rộng của ngành lập trình đồ hoạ, tương tự như Vulkan và Metal. Cuối cùng, đối với âm thanh web, chúng ta có API Web âm thanh phổ biến và gần đây là API Audio Worklet.

Gần đây, Unity đã xem trước một thời gian chạy mới có tên là Project Tiny, tập trung vào việc xây dựng trò chơi 2D cho các nền tảng dựa trên HTML5. Project Tiny áp dụng một thiết kế mô-đun mới cho cấu trúc công cụ của Unity, cho phép công cụ Unity cốt lõi có kích thước dưới 1 megabyte.

Hai chiếc xe tăng tham gia vào một trận chiến.
Bản minh hoạ xe tăng của Unity đã xuất qua HTML5.

Về mặt kỹ thuật, đây là thời điểm lý tưởng nhất để bắt đầu phát triển trò chơi trên web.

Tham gia vòng lặp

Một trò chơi tuyệt vời không chỉ có hiệu suất, đồ hoạ và âm thanh tốt.

Sự thú vị là một yếu tố khó đo lường trong một sản phẩm. Khi một trò chơi đủ thú vị, thú vị hoặc sáng tạo, người dùng sẽ muốn kể cho bạn bè của họ biết – nói cách khác, họ muốn chia sẻ trải nghiệm đó. Việc khai thác và kết hợp cơ hội này với web là một sự kết hợp hiệu quả giúp mở ra rất nhiều tiềm năng phát triển dây chuyền. Cụ thể là trên web, khi không có nền tảng khám phá tập trung, cách tốt nhất để thu hút người dùng là đảm bảo trò chơi của chúng tôi có tính lan truyền cao nhất có thể.

Các nhà phát triển trò chơi giỏi biết rằng để khai thác một nền tảng cụ thể, dù ở cấp độ phần mềm hay phần cứng, điều quan trọng là phải nắm được các đặc điểm độc đáo của nền tảng đó. Ví dụ: nếu đang xây dựng trò chơi cho máy chơi trò chơi có các chế độ điều khiển chuyển động, có lẽ bạn nên nghĩ đến cách tốt nhất để sử dụng các chế độ điều khiển chuyển động đó.

Nói cách khác, bạn phải tôn trọng kỳ vọng của người dùng của nền tảng mà bạn đang xây dựng. Người dùng trên web kỳ vọng điều gì? Khách hàng muốn nội dung web tải nhanh và có tính tương tác nhanh chóng. Trong cuộc trò chuyện, tôi đã đề cập đến một vài ví dụ về cách – cả trên và ngoài web – mà trò chơi được thiết kế để tải nhanh, thu hút người dùng đến với thế giới trò chơi của họ, thu hút những người dùng đó và cung cấp thêm cho người dùng các chương trình khuyến khích để chia sẻ trải nghiệm của họ.

Ba trò chơi mang phong cách nghệ thuật tối giản.

Cá nhân tôi tin rằng chìa khoá để tạo nên một trò chơi thành công trên web là phải khai thác đặc điểm độc đáo này của web. Cụ thể là độ mạnh của cấu trúc URL của trang web và vòng lặp chia sẻ mà người dùng có thể tham gia.

Sau đây là ví dụ về một trò chơi trên web tôi đã xây dựng bằng cách sử dụng Cấu trúc 3. Trò chơi này sử dụng URL theo cách thú vị và hấp dẫn.

Giao diện trình chỉnh sửa cấp độ cho một trò chơi.

Space Board là một trò chơi rất đơn giản có thể chơi trên thiết bị di động bằng các nút điều khiển cảm ứng hoặc trên máy tính để bàn bằng bàn phím. Mục tiêu là vượt qua một mê cung chướng ngại vật để chinh phục mục tiêu cuối cùng.

Space Board sử dụng URL theo cách độc đáo như thế nào? Bằng cách mã hoá cấu trúc cấp vào chính URL. Tất cả các cấp được xác định là một lưới gồm các đối tượng 10 x 10, ví dụ: tường, tháp pháo của kẻ thù, chìa khoá, cửa bị khoá, v.v. Sau đó, URL liệt kê tất cả vị trí lưới riêng lẻ và nội dung của chúng. Một tường được biểu thị bằng ký tự W. Khoảng trống là một ký tự dấu gạch dưới.

Ví dụ:

https://io-space-board.firebaseapp.com/?gameWorld=_wwwwwwwwww___ww__eww_k__d___ww___ww___ww_wwwww_www_wwwww_www___ww___ww_s_ww_f_ww___ww___wwwwwwwwwwww

Nó xấu nhưng vẫn có hiệu quả.

Sau khi hoàn thành một cấp độ trong Space Board, người chơi có cơ hội thiết kế cấp độ của riêng mình bằng cách sử dụng trình chỉnh sửa cấp độ đơn giản như trên. Bằng cách cho phép người chơi thiết kế các màn chơi của riêng mình, chúng ta đang mang lại cho họ cơ hội được cá nhân hoá. Khi người dùng cảm thấy gắn kết với trò chơi và cảm nhận được quyền sở hữu thông qua việc sáng tạo và tuỳ chỉnh, thì nhiều khả năng họ sẽ muốn chia sẻ "thứ" đó với mọi người.

Mong muốn chia sẻ trò chơi chính là khởi đầu của vòng lặp lan truyền mà chúng tôi muốn đạt được thông qua các trò chơi trên web. Cơ chế chia sẻ và thiết kế trò chơi này chỉ là một ví dụ khả thi, nhưng vẫn còn nhiều khả năng khác – tôi khuyến khích bạn xem bài chia sẻ của tôi để biết thêm ví dụ!

Thu nhập từ đầu tư

Hiện tại, có hai trường phái tư duy về cách nhà phát triển trò chơi có thể tạo ra doanh thu qua trò chơi trên web:

  • Kiếm tiền trực tiếp từ trò chơi
  • Coi họ là kênh thu nạp

Coi trò chơi trên web là kênh thu nạp có nghĩa là tận dụng phiên bản web của trò chơi dành cho iOS/Android/máy tính như một cơ chế để thu hút người chơi và thuyết phục họ tải tệp nhị phân có kích thước lớn hơn trên iOS/Android/máy tính để bàn. Sau đó, bạn sẽ tạo ra doanh thu bằng hệ thống phụ trợ thanh toán và lập hoá đơn tích hợp sẵn của nền tảng iOS/Android/máy tính.

Hoạt động kiếm tiền thường kết hợp giữa quảng cáo và giao dịch vi mô. Web vẫn còn nhiều việc phải làm để cạnh tranh với các nền tảng di động trong quảng cáo trò chơi. Ví dụ: các định dạng như Quảng cáo dạng video có tặng thưởng đã cực kỳ phổ biến đối với trò chơi dành cho thiết bị di động trong vài năm, nhưng giờ đây, chúng tôi thấy rằng các mạng quảng cáo triển khai những định dạng này trên web.

Tuy nhiên, có những nhà phát triển trò chơi tiếp tục thành công trên web mở nhờ quảng cáo qua quảng cáo biểu ngữ truyền thống và quảng cáo xen kẽ dạng video. Hãy tìm hiểu về AdSense cho trò chơi để biết thêm thông tin về các định dạng này.

Đối với các giao dịch vi mô, web cung cấp tính linh hoạt hoàn toàn nhờ số lượng phương thức thanh toán không giới hạn có thể được triển khai. Tuy nhiên, chất lượng này là một con dao hai lưỡi. Mặt tiêu cực của điều này là người chơi ít ngầm tin tưởng một trang web mới mà họ phát hiện ra so với sự quen thuộc của các phương thức thanh toán tại cửa hàng dành cho thiết bị di động dành riêng cho nền tảng.

Một giải pháp mang lại giao diện người dùng thanh toán nhất quán hơn trên web là Payment Request API (API yêu cầu thanh toán). API này gọi một giao diện người dùng do trình duyệt hiển thị và đơn giản hoá quá trình thu thập thông tin thanh toán (chẳng hạn như thẻ tín dụng và địa chỉ thanh toán). Tuy nhiên, việc lấy thông tin thanh toán chỉ là bước đầu tiên trong quá trình giao dịch. Bạn cũng cần có một nền tảng thanh toán phụ trợ.

Tương lai

Chúng tôi đã thấy một số trò chơi trên web thành công bất ngờ trong vài năm qua. Slither.io đã xây dựng một doanh nghiệp kết hợp giữa web và nền tảng, thể hiện phạm vi tiếp cận rộng lớn và cơ hội phát triển dây chuyền mà trang web này mang lại. Các cổng thông tin như Poki.com đang đổi mới trải nghiệm người dùng và phát hành trò chơi mới mỗi ngày, bao gồm cả những trò chơi phù hợp với độ chân thực của các phiên bản dành cho thiết bị di động (chẳng hạn như Subway Surfers hoặc Crossy Road).

Hơn nữa, nếu nhìn vào bên ngoài môi trường web mở, bạn có thể thấy rằng trò chơi trên web đang dần phát triển. Các hệ sinh thái khép kín như WeChat và LINE cung cấp những trò chơi hài lòng không chơi được trên web mở, nhưng được xây dựng dựa trên các công nghệ web như HTML5 và WebView. Đây là một dấu hiệu rõ ràng cho thấy môi trường web đã đạt đến độ chân thực có thể cạnh tranh với các trò chơi dành cho thiết bị di động trong một nền tảng cụ thể – có lẽ không nằm trong định nghĩa về độ chân thực trong sách giáo khoa, mà ở một chỉ số quan trọng hơn: sự chú ý của người chơi.