Conversion to Play: El Arte de Cargar

Hola a todos. Es bueno estar aquí. Creo que esta es una de las primeras conferencias dedicadas específicamente a los juegos web. Así que sentí que realmente necesitaba estar aquí, porque eso es algo en lo que he estado dedicando la mayor parte de mi vida profesional. Así que hoy quiero hablarles sobre el arte de cargar y los impactos que esto tiene en lo que consideramos una de las cosas más importantes a tener en cuenta cuando quieres crear un juego web. Y ser consciente de esto y tenerlo en cuenta desde el inicio del desarrollo de tus juegos mejorará en gran medida tus posibilidades de éxito. Así que cubriré una amplia gama de temas. En lugar de profundizar en un solo aspecto.

Entonces, Conversión para Jugar. Básicamente es el nombre de la métrica que hemos definido para hacer un seguimiento de esto específicamente. Puedes ver aquí en el flujo cómo funciona. Así que a la izquierda,

Asegúrate de utilizar este espacio de manera eficiente. Otro aspecto importante es cargar las cosas según se necesiten. Esto depende mucho del juego y de lo que puedas hacer. Pero lo principal es que solo debes cargar las cosas cuando las necesites. Esto significa que si tu juego tiene, por ejemplo, 20 mapas o entornos diferentes, y cada uno tiene sus propios activos, su propia música, no necesitas descargarlos todos antes de que el jugador juegue el primer nivel.

En la imagen de la derecha, puedes ver un gif de Finch, y puedes observar que puedes acceder al menú principal rápidamente, aunque en segundo plano todavía se están cargando los modelos, las texturas, y demás. Y tan pronto como comiences a jugar, se cargará el mapa que necesitas, etc. Cualquier activo que necesites más adelante, puedes descargarlo durante el juego, puedes descargarlo durante los menús, especialmente la música. Normalmente, recomiendo a las personas que solo comiencen a descargar, que transmitan la música, para no bloquear la carga. Pero déjala transmitir y si alguien tiene una conexión rápida, tendrá la música tan pronto como comience a jugar. Para alguien con una conexión más lenta, ya pueden disfrutar del juego, pero la música comenzará un poco más tarde.

Y finalmente, mantén la ruta clara para jugar. Como mostré en la descripción general al principio, la conversión para jugar no solo se ve afectada por la carga del juego, sino también por los menús del juego. Así que ten en cuenta cuántas pantallas pones entre el inicio de tu juego y el comienzo del juego. No necesitas 3 pantallas de carga. Si pones pantallas de presentación o tienes una historia al comienzo de tu juego, eso puede ser agradable, pero asegúrate de que las personas puedan saltarlas fácilmente. Por supuesto, asegúrate de que el botón de jugar sea fácil de encontrar, no lo ocultes. Y uno de mis favoritos, como se ilustra en el gif de la derecha de Syncith, considera llevar a los usuarios que juegan por primera vez directamente al juego. Si están comenzando, ni siquiera saben qué van a jugar. Entonces, ¿por qué obligarlos a pasar por menús en los que no están interesados? Solo llévalos al tutorial, déjalos jugar. Y luego, si les gusta, pueden explorar las otras funciones más adelante. Además, solo como una nota adicional, navegar por tu juego sí marca la diferencia. Estamos en la web. Eso significa que debes navegar por tu juego a través de navegadores web. Aquí hay algunas cosas importantes, por ejemplo, comprimir de manera adecuada y tener una buena cobertura de CDN. Para un desarrollador individual que hace uno o dos juegos, no es muy fácil de hacer porque también es un conjunto de habilidades diferente. Pero afortunadamente, si trabajas con una plataforma, probablemente ellos se encarguen de eso por ti. Nosotros también lo hacemos. No tienes que preocuparte por esto. Así que eso fue mucha información.

Probablemente sea bueno detenerse un poco y explicar por qué todo esto es realmente importante. Y para hacer eso, quiero mostrar dos ejemplos específicos que trabajaron en este problema y lograron obtener buenos resultados.

Primero, Apple Knights. Apple Knights es el juego de Limitless LLC. Es un juego de plataformas de acción en 2D donde juegas como un caballero, comes manzanas y golpeas enemigos. Es un juego hecho en Unity, y es una exportación de Unity WebGL. Desde la perspectiva de jugar, no es un punto de partida ideal. Sin embargo, con el trabajo adecuado, aún se pueden obtener resultados razonables.

El estudio realmente trabajó muy duro y realizó algunas cosas clave. Repasando la lista de verificación nuevamente, trabajaron en cargar las cosas según se necesitan, optimizaron sus activos y mantuvieron el camino claro para jugar. En primer lugar, comenzaron a utilizar paquetes de activos de manera extensiva. Los paquetes de activos son una característica de Unity que te permite descargar tus activos más adelante como parte de las cargas iniciales. Ya tenían todos sus activos optimizados porque Unity es bastante bueno en eso, pero estaban utilizando muchas bibliotecas de terceros grandes que al final realmente no necesitaban, así que eliminaron la mayoría de ellas. Luego, finalmente, también eliminaron muchas pantallas de menú innecesarias, lo que hizo que el camino para jugar fuera mucho más claro. Eso los llevó de un juego que tenía, creo, 8 megabytes al inicio a un juego que está más cerca de los 30 megabytes, y con eso lograron mejorar su jugabilidad de interfaz del 74 por ciento al 64 por ciento, lo que básicamente significa que cada mil usuarios potenciales, 170 personas más están jugando su juego. Así que eso es increíble.

Ahora, lo que podrías estar pensando es, bueno, pero el 64 por ciento aún es un poco bajo, y en parte tienes razón. Para un juego de Unity, una vez más, es bastante bueno. Y pusieron mucho esfuerzo en eso. Pero como dije antes, mantenerse cerca de JavaScript es una buena idea, así que quiero mostrar el siguiente ejemplo para eso, que es Stickman. Stickman Hook es un juego de Mathbox. Ya fue un gran éxito en las tiendas de aplicaciones, y decidieron poner su juego también en la web. Después de estar en la web en Unity por un tiempo, hablamos y nos dimos cuenta de que el juego realmente se beneficiaría al hacer una reconstrucción. Y eso es lo que hicieron. Reconstruyeron el juego desde cero en nativational 5, utilizando Pixy.js, solo como una biblioteca gráfica. Y los resultados son realmente buenos. Como puedes ver, antes de las versiones de Unity, tenía una conversión para jugar del 35 por ciento. Y después de cambiar a versiones nativas con pixy, eso terminó en el 81 por ciento. Así que en mil usuarios potenciales, eso son 460 personas más jugando el juego. Lo cual es increíble.

Y además de eso, el hecho de que cambiaran a compilaciones nativas también les permitió tener un mejor soporte en la web móvil. Y además de eso, debido a que nuestros algoritmos de recomendación les gustan los juegos que se juegan, hay un efecto acumulativo aquí. Por lo tanto, el impacto real de la cantidad de usuarios que juegan su juego fue mucho mayor que solo este número aquí, dice.

Entonces, solo como un resumen rápido, aquí está la lista de verificación nuevamente. Asegúrate de elegir el motor correcto. Asegúrate de optimizar tus activos. Haz que la carga sea interesante. Carga las cosas según sea necesario y mantén el camino claro para jugar. Espero que esto te ayude a tener un buen comienzo en tu juego web. Y si ya tienes uno, tal vez esto te ayude a mejorar. Gracias por escuchar.

Sí, ven y juega en pokey.com o si tienes un juego, envíalo a nosotros. Y también estamos contratando. Gracias. Sí, has preguntado, ¿has desarrollado juegos web antes? Y el 53% ha respondido que sí. ¿Qué opinas al respecto? Eso es genial. Estaba un poco inseguro si tendríamos principalmente desarrolladores web como desarrolladores de JavaScript o también desarrolladores de juegos web aquí. Así que es bueno ver realmente a muchos desarrolladores de juegos. Eso es agradable. Sí, en realidad es muy agradable. No pensé que tanta gente hubiera desarrollado juegos para la web antes. No somos muchos en general. Así que sí. De hecho, antes de la cumbre, pensé que estaba solo en el mundo. Así que es bueno ver a tanta gente como 8000 personas sintonizando.

Tenemos algunas preguntas para ti. La primera es, ¿qué crees que es un buen objetivo de tamaño de archivo para mi juego? Esa es una buena pregunta. Por supuesto, mi respuesta favorita sería lo más pequeño posible. Cada megabyte cuenta. Así que realmente lo más pequeño que puedas conseguirlo.

Pero obviamente esto va a variar para cada juego y para cada motor. Así que diría que si puedes lograr estar por debajo de cinco, estás haciendo un trabajo increíble. Y si estás por debajo de diez, estás haciendo un buen trabajo. Estos son probablemente los objetivos que te recomendaría. Pero cada pequeña mejora que puedas hacer, es buena.

Sí, entiendo. Sé a lo que te refieres. Otra pregunta es, ¿qué motor de juegos usas para tus propios proyectos? Hasta ahora he hecho dos juegos y estoy trabajando en el tercero. Para el primero, solo usé Tree.js. Así que más bien es una biblioteca que un motor de juegos en sí. Hice ese juego con la idea de simplemente juntar un montón de código hasta que funcione. No pensé mucho en la arquitectura y esas cosas. Pero eso me ayudó a lograr algo porque mi objetivo era simplemente terminar un juego, lo cual es más difícil de lo que parece si no lo has hecho antes.

Pero luego, para el segundo juego, el juego de carreras en 2D, cambié a Pixi para los gráficos con Box2D. Así que tampoco es uno de los motores que mencioné en las diapositivas. También está más cerca del código. Y construí, escribí mi propio tipo de marco, podrías decir, sobre RxJS, que puede ser familiar para algunas personas más relacionadas con la web. Básicamente, es una biblioteca de transmisiones. Y ahora lo estoy usando. Para mí, la razón principal es porque me gusta estar muy cerca del código. Me gusta tener todo el control sin tener que sumergirme en cosas específicas del motor, lo cual es mucho más lento, pero si te gusta, está bien. Pero si no te gusta, no lo recomendaría. Elegiría cualquiera de los otros motores que mencioné en las diapositivas.

Sí, exactamente. De hecho, es mejor si estás empezando en el desarrollo de juegos porque puedes aprender realmente los conceptos básicos de cómo funcionan los juegos, la física y cosas así. A mí también me gusta eso. Cuando estaba empezando a aprender, leía mucho sobre matemáticas y cosas así para descubrir las colisiones, las fórmulas y cosas así, y conocer el desarrollo de juegos en sí, cómo funcionaría.

Sí, creo que eso también fue lo que más me sorprendió del desarrollo de juegos, viniendo de un trasfondo de desarrollo web. Hay mucha matemática, mucha matemática.

Sí, es mucha matemática. Sí, debería ir a mi padre por eso. Así que no sabría mucho. Así que volvería a mi padre y le preguntaría algunas cosas de matemáticas, y él me las explicaría, y yo las codificaría. Y fue realmente increíble. Eso es inteligente. Hubo algunas veces en las que recuerdo que escribí como tres o cuatro páginas en un cuaderno para resolver alguna ecuación. Luego le pregunté a alguien porque estaba completamente atascado, y luego me dijeron que había una fórmula súper simple. Todo el mundo la conoce, solo úsala. Y yo estaba como, ah.

En realidad, tuve una experiencia similar. Y tenemos otra pregunta de Panther, y están preguntando, ¿qué opinas sobre los juegos de WebXR y su potencial? Buena pregunta. En primer lugar, personalmente, creo que es súper increíble. Me gusta la web porque es muy abierta y todos pueden usarla. Es muy fácilmente accesible. Y creo que es genial ver cómo las nuevas tecnologías llegan tan rápido a la web. Pero en Pokey, realmente no trabajamos con ello, simplemente porque no encaja con una gran audiencia. Así que no dedico mucho tiempo a mirarlo, tampoco. Pero estoy muy emocionado por ello, más desde fuera de nuestro caso de uso específico de nuestra plataforma de juegos, solo por el potencial de no tener que instalar nada y entrar directamente en la realidad virtual. El único problema es que aún necesitas auriculares de realidad virtual, por supuesto. Así que no sé. Me gusta. Creo que todo debería llegar a la web. Así que en ese sentido, estoy emocionado. Sí, exactamente.

Es muy emocionante. Y tenemos otra pregunta que están haciendo. ¿Cuál es la postura de Pokey sobre blockchain y los juegos de cripto? También es una buena pregunta. No estoy seguro de ser la mejor persona para responder esa pregunta. No es algo que estemos persiguiendo activamente. Creo que es algo que estamos investigando activamente, principalmente porque queremos llevar juegos gratuitos a tantas personas como sea posible. Eso es lo principal. Queremos brindar experiencias increíbles a tantas personas como sea posible de forma gratuita. Entonces, si puede ayudarnos con eso, entonces es muy interesante. Creo que hicimos algunas colaboraciones con la NaNoFoundation, pero nuevamente, no quiero profundizar demasiado en ello porque no he estado muy involucrado. No quiero decir cosas incorrectas. Pero sí, actualmente no tenemos ningún juego de cripto, al menos.

Sí, de hecho, no sé si viste eso, tuvimos una charla con Paul de OpiGames, y habló sobre metrigaming y lo que podría suceder. ¿Cuál es el futuro de eso con los juegos, con criptomonedas y NFT? Y fue una charla interesante. En realidad, tengo otra pregunta, ¿cuáles fueron tus mayores desafíos para reducir el tamaño de tus juegos? Creo que para el primer juego no fue un gran desafío en realidad, porque comencé desde el principio con el tamaño del archivo en mente.

Creo que si diseñas un juego desde el principio teniendo en cuenta el tamaño del archivo, puede ser relativamente fácil. El mayor desafío es no usar un motor. Porque todo el arte es procedural, excepto los personajes principales, todo el entorno se genera solo con matemáticas. Sí, más matemáticas. Eso mantiene el tamaño del archivo muy pequeño. Así que eso fue bastante sencillo.

Y luego, para los juegos en 2D, se vuelve un poco más difícil porque necesitas los gráficos. Pero allí tomé el mismo enfoque. Generé los niveles de forma procedural a partir de datos de vértices. Tengo una publicación en el blog al respecto. Tal vez pueda compartirla. Y luego hay algunos desafíos para que se vea bien. A los dispositivos móviles no les gustan las texturas enormes. Entonces tienes que hacer algunas divisiones y cosas así. Pero creo que el mayor obstáculo para la mayoría de los juegos para reducir el tamaño del archivo realmente depende del motor con el que comiences y cuántas cosas de terceros tiendes a usar. Porque si eliges un motor muy liviano y no usas muchas bibliotecas de terceros, entonces tienes mucho control para eliminar cosas. Así que creo que comenzar de la manera correcta marca la mayor diferencia.

Exactamente. Y estoy aprendiendo algo llamado Spine 2D. No sé si has oído hablar de eso. Estaba usando hojas de cálculo para mis animaciones en 2D en mi juego. Y podía ocupar mucho espacio debido a los fotogramas. Y Spine tiene esta característica de tener partes para los personajes. Tiene extremidades y cosas así, partes separadas. Y exporta JSON que maneja la animación. Entonces realmente puede reducir el tamaño de tu juego. No sé si estás al tanto de eso. ¿Tienes alguna opinión al respecto? Sí. Creo que hay muchos trucos como este. Deberías tenerlo en cuenta mientras haces el juego y considerar todas las cosas que estás haciendo, por eso estoy tratando de predicar esto.

Porque cuanto más tarde comiences, más difícil se vuelve. Sí, exactamente. También tengo otra pregunta. No está relacionada con tu charla. Pero vi que estás en el doblaje de juegos en tu tiempo libre, y trabajas con Poki. Entonces probablemente sea tu trabajo diario. Y quería preguntarte, ¿cómo administras el tiempo para dedicar a tus juegos independientes? Bueno, para empezar, soy holandés. Y a los holandeses no les gusta trabajar demasiado. Así que solo trabajo cuatro días. Esa es la primera parte. Tengo los viernes libres para trabajar en proyectos personales. Y la segunda parte no es fácil. Simplemente lleva mucho tiempo. Así que el segundo juego, creo que me llevó dos años hacerlo. Y eso se distribuye en períodos muy largos. Así que a veces tengo una semana en la que soy muy productivo. Y luego tengo tres meses en los que no lo toco. Así que es más, ¿cómo se llama? Es más una maratón que una carrera. Mantén el enfoque en el objetivo final y tal vez planifica una semana libre para trabajar en ello. También estoy trabajando en el nuevo juego en mi viaje de esquí. Así que encuentra el tiempo que tienes y sigue adelante hasta que llegues allí, creo. Sí, te entiendo. Además, ¿en qué consiste el nuevo juego en el que estás trabajando? Será un juego de montañas rusas. Así que estoy simulando algunas montañas rusas, lo que me obliga a programar gráficos, que nuevamente implica más matemáticas. Y no soy bueno en eso. Así que llevará algo de tiempo. Llegará allí, eventualmente. Puedes contactar a mi padre si tienes alguna pregunta. Eso sería genial. Es realmente emocionante escuchar eso. Me encantaría jugarlo. Genial. Creo que en realidad se nos está acabando el tiempo para preguntas. Sí, fue muy agradable hablar contigo. Gracias por responder mis preguntas. Y también puedes seguir haciéndome preguntas en Discord. Y Casper es lo suficientemente amable como para responder en su sala de conferencias en Discord. Gracias, Casper. Gracias por recibirme. 🎵suena música de cierre🎵