Ready Player Web

Crea juegos para la Web moderna.

Tom Greenaway

Los buenos desarrolladores de juegos saben que para capitalizar la oportunidad de una plataforma en particular es importante adoptar las características únicas de esa plataforma. ¿Cuáles son las características únicas de la Web? ¿Qué define un juego web?

En Google I/O 2019, presenté mi opinión sobre el estado del ecosistema de juegos web, las prácticas recomendadas actuales para el desarrollo moderno de juegos web y hacia dónde se dirige la industria. En esta entrada del blog, resumiré algunos de los puntos clave de mi charla, los cuales pueden mirar por completo en YouTube:

Los desafíos de los juegos web

Antes de unirme a Google, creé un juego para dispositivos móviles llamado Duet, que se descargó casi 20 millones de veces. A través de esa experiencia, aprendí que los tres ingredientes esenciales para desarrollar un negocio exitoso a partir de un juego son los siguientes:

  • Un juego funcional
  • Usuarios
  • Una forma de monetizar usuarios

Sin estos tres elementos, un desarrollador de juegos no puede tener éxito. Actualmente, estos dos últimos puntos son los más importantes. Los ecosistemas cerrados de HTML5, como WeChat, Facebook Instant Games, entre otros, demostraron que se puede crear juegos con HTML5.

Prácticas recomendadas modernas

Por "juego funcional" me refiero a los tres elementos más fundamentales de lo que hace que un juego funcione:

  • Rendimiento
  • Recursos visuales
  • Audio

En cada una de estas áreas, la plataforma web ha avanzado muchísimo en los últimos años. En cuanto al rendimiento de la CPU, tenemos acceso a un nuevo estándar de alto rendimiento llamado WebAssembly. En cuanto a los gráficos, WebGL 1.0 tiene buena compatibilidad con varios navegadores, y los estándares futuros, como WebGPU, posicionan la plataforma web para un futuro extensible de programación de gráficos similar a Vulkan y Metal. Por último, para el audio web, tenemos la API de Web Audio común y, más recientemente, la API de Audio Worklet.

Recientemente, Unity presentó una vista previa de un nuevo tiempo de ejecución llamado Project Small, que se enfoca en compilar juegos en 2D para plataformas basadas en HTML5. El nuevo proyecto pequeño aplica un nuevo diseño modular a la estructura del motor de Unity, lo que permite que el motor principal de Unity tenga un tamaño inferior a 1 megabyte.

Dos tanques participan en una batalla.
Se exportó la demostración de tanques de Unity mediante HTML5.

Desde el punto de vista técnico, este es el mejor momento para adoptar el desarrollo de juegos web.

Ingresa al bucle

Sin embargo, un buen juego es más que buen rendimiento, gráficos y sonido. Para que sea genial, debe ser divertido.

La diversión es un elemento difícil de medir en un producto. Cuando un juego es divertido, interesante o innovador, los usuarios querrán contarles a sus amigos, es decir, compartir la experiencia. Aprovechar esta oportunidad y combinarla con la Web es una combinación poderosa que libera un gran potencial para el crecimiento viral. Y en la web en particular, sin una plataforma de descubrimiento central, nuestra mejor opción para adquirir usuarios es asegurarnos de que nuestros juegos sean lo más virales posible.

Los buenos desarrolladores de juegos saben que para capitalizar una plataforma en particular, ya sea a nivel de software o hardware, es importante adoptar las características únicas de esa plataforma. Por ejemplo, si estás compilando un juego para una consola con controles de movimiento, probablemente deberías pensar en la mejor manera de adoptar esos controles de movimiento.

En otras palabras, debes respetar las expectativas de los usuarios de la plataforma para la que estás compilando. ¿Qué esperan los usuarios de la Web? Esperan que el contenido web se cargue rápido y sea interactivo. En mi charla, expliqué varios ejemplos de formas, tanto dentro como fuera de la Web, en las que los juegos se diseñaron para cargarse rápidamente, atraer a los usuarios a sus mundos de juego, atraer a esos usuarios y ofrecerles incentivos adicionales para que compartan sus experiencias.

Tres juegos con estilos de arte minimalista.

Personalmente, creo que la clave para crear un juego web exitoso es apropiarse de esta característica única de la Web. Específicamente, la solidez de la estructura de la URL de la Web y el bucle de uso compartido al que se pueden unir los usuarios.

Este es un ejemplo de un juego web que creé con Construct 3, que aprovecha la URL de manera divertida y atractiva.

Una interfaz de editor de niveles para un juego

Space Board es un juego muy sencillo que se puede jugar en un dispositivo móvil con controles de tacto o en una computadora de escritorio con entrada de teclado. El objetivo es atravesar un laberinto de obstáculos para alcanzar un objetivo al final.

¿Cómo aprovecha la Junta Espacial de la URL de una manera única? Codificando la estructura de niveles en la URL misma Todos los niveles se definen como una cuadrícula de objetos de 10 por 10, p.ej., paredes, torretas enemigas, llaves, puertas con llave, etc. Luego, la URL enumera todas las posiciones individuales de la cuadrícula y su contenido. Un muro se representa con un carácter W. Un espacio vacío es un carácter de guion bajo.

Por ejemplo:

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

Es feo, pero cumple la función.

Después de completar un nivel en el tablero espacial, el jugador tiene la oportunidad de diseñar su propio nivel por medio del sencillo editor de niveles que se muestra arriba. Cuando los jugadores pueden diseñar sus propios niveles, les damos la oportunidad de que los personalicen. Cuando un usuario siente una conexión con un juego y un sentido de propiedad a través de la creación y personalización, es más probable que desee compartir esa "cosa" con el mundo.

El deseo de compartir un juego es el comienzo del bucle viral que apuntamos a lograr con nuestros juegos web. El diseño de este juego y el mecanismo para compartir es solo un ejemplo posible, pero hay muchas otras posibilidades. Te animo a que mires mi charla para ver más ejemplos.

Retorno de la inversión

En la actualidad, en última instancia, existen dos escuelas de pensamiento con respecto a la forma en que un desarrollador de juegos puede generar ingresos a través de los juegos web:

  • Monetización de los juegos directamente
  • Tratarlas como un canal de adquisición

Tratar los juegos web como un canal de adquisición significa aprovechar la versión web de tu juego para iOS/Android/computadora como un mecanismo para cautivar a los jugadores y convencerlos de descargar tu objeto binario de escritorio, iOS/Android/de escritorio más grande. Luego, generas ingresos con los backends integrados de facturación y pagos de la plataforma iOS, Android y computadoras.

La monetización suele ser una combinación de publicidad y microtransacciones. Aún queda trabajo por hacer para que la Web pueda competir con las plataformas móviles en la publicidad de juegos. Por ejemplo, los formatos como los anuncios de video recompensados han sido extremadamente populares en los juegos para dispositivos móviles durante varios años y, sin embargo, solo vemos que las redes de publicidad implementan estos formatos en la Web.

No obstante, hay desarrolladores de juegos que siguen teniendo éxito en la Web abierta a través de la publicidad mediante anuncios de banner tradicionales y anuncios de video intersticiales. Consulta AdSense para juegos para obtener más información sobre estos formatos.

Para las microtransacciones, la Web ofrece flexibilidad total debido a la cantidad ilimitada de formas de pago que se pueden implementar. Sin embargo, esta cualidad es un arma de doble filo. El lado negativo de esto es que los jugadores tienen menos confianza implícita en un nuevo sitio web que descubren en comparación con el nivel de familiaridad con las formas de pago de las tiendas móviles específicas de la plataforma.

Una solución que ofrece una IU de pago más coherente en la Web es la API de Payment Request. Esta API invoca una IU que muestra el navegador y optimiza la adquisición de detalles de pago, como tarjetas de crédito y direcciones de facturación. Sin embargo, adquirir los detalles del pago es solo el primer paso para realizar una transacción. También necesitas una plataforma de facturación de backend.

El futuro

Hemos visto varios juegos web sorprendentemente exitosos en los últimos años. Slither.io creó un negocio combinado web y específico de plataforma que demuestra el enorme alcance y la oportunidad de crecimiento viral que ofrece la Web. Los portales como Poki.com están innovando en la experiencia del usuario y lanzando juegos nuevos todos los días, incluidos títulos que coinciden con la fidelidad de sus versiones para dispositivos móviles, como Subway Surfers o Crossy Road.

Además, si miras fuera de la Web abierta, podrás ver que los juegos web ya están despegando. Los ecosistemas cerrados, como WeChat y LINE, ofrecen juegos atractivos que no se pueden jugar en la Web abierta, pero que se basan en tecnologías web como HTML5 y WebViews. Esto es una clara señal de que la Web alcanzó un nivel de fidelidad capaz de competir con los juegos para dispositivos móviles específicos de la plataforma, quizás no en la definición de fidelidad de los libros de texto, sino en una métrica más importante: la atención de los jugadores.