Cómo diseñar juegos HTML5
HTML5 y el término "plataforma cruzada" son palabras de moda, y por buenas razones. La tecnología funciona para teléfonos inteligentes, tabletas, computadoras portátiles y computadoras de escritorio. A las agencias les encanta el concepto, porque cualquier diseñador web que conozca HTML entenderá HTML5. ¿Qué significa para ti , el Diseñador web?
- Más proyectos que involucran HTML5
- Más proyectos que giran en torno a la interactividad
- Creando experiencias para que el usuario final interactúe con
En el corazón de esta experiencia interactiva, se encuentran los juegos casuales. En este artículo, te mostraré cómo puedes obtener una experiencia de diseño de juegos codiciada. ¿La meta? Tenga "diseño de juegos HTML5" en su currículum.
Yo juego juegos, pero ...
Es una falacia común entre los diseñadores web que el diseño de juegos es una habilidad especializada. No necesitas asistir a la escuela de diseño de juegos para diseñar juegos. Cualquiera puede diseñar juegos. Primero, dividamos esto en partes. Construir un juego requiere 3 pasos principales:
- diseñando el juego;
- produciendo los activos visuales y de audio;
- programando el juego
Como diseñador web, la forma más fácil de adquirir experiencia es mediante el diseño del juego en sí. Para los puntos 2 y 3, una agencia normalmente ya tiene artistas y programadores designados para el trabajo. Si eres bueno en el arte, 2 es altamente alcanzable. Para los propósitos de este artículo, analicemos el paso 1. ¿Dónde comenzamos? Aquí hay 10 pasos que todo diseñador de juegos necesita para pasar, para ganar sus rayas.
1) Juega muchos juegos casuales
¿Tienes un teléfono iPhone o Android? Dirígete a la tienda de aplicaciones, dirígete a la tabla de juegos gratis superior. Descarga y juega todos los juegos en la lista de los 20 principales. Haz esto al menos una vez cada 2 semanas.
Mientras juegas, ten en cuenta cómo está diseñado cada juego. ¿Qué técnicas de animación y mecánica usa? ¿Te destacaron los personajes? ¿Tenía una historia? ¿Qué te hizo sentir el juego? Después de 20-30 juegos, comenzará a detectar patrones.
Notarás que algunos juegos, en el núcleo son realmente más o menos lo mismo. Por ejemplo: Choque de clanes, Boom Beach y Hay Day tratan de construir, defender y atacar.
Notarás que los juegos simples, como Flappy Bird o Swing Copters, se enfocan en desafíos realmente difíciles, que se pueden repetir una cantidad infinita de veces.
Notarás que algunos juegos se centran en contar historias convincentes con personajes cuidadosamente diseñados.
¡También notarás algunos juegos independientes indie, que son simplemente aleatorios pero muy divertidos!
2) Hacer bocetos ... muchos de ellos
Haz bocetos de las cosas que te gustan de los juegos que jugaste. Dibuje caracteres, mapas, menús e interfaces de usuario. ¿Hubo un cierto carácter que te gustaba? ¿Hubo un cierto ángulo del juego que te emocionó?
Aquí hay un personaje llamado 'Matt'. Es un tipo aburrido de oficina, pegado a su silla:
3) Hacer diagramas de flujo
Los diagramas de flujo describen el proceso paso a paso del juego. Describen el punto donde el usuario comienza el juego, todo el camino hasta eventos importantes, como una victoria o una derrota. Comience con diagramas simples como este:
A medida que ganes más confianza, itera en tu flujo simple para hacer flujos más complejos.
4) Escribe un documento de diseño del juego
Usando lo que aprendió de los pasos 1 a 3, diseñe y escriba un documento de diseño de juego simplificado (GDD). Un GDD básicamente le dice al lector de qué se trata el juego.
Ejemplo rápido: tomemos a nuestro personaje llamado "Matt" en el Paso 2, y digamos que está atrapado en un aburrido trabajo de oficina. Él quiere escapar. El problema es que solo puede hacerlo desde su silla giratoria. Hemos producido un esbozo de la pantalla del juego. Muestra un laberinto de escritorios de oficina que conspiran para bloquear la fuga de Matt.
Como ejemplo, hicimos el objetivo del juego simple. Navega por el laberinto de la oficina para escapar de él.
Eso es todo, para un GDD muy básico. Aquí está el diagrama de flujo completo, para nuestro juego, Escape The Office .
5) Entrena tu mentalidad multiplataforma
Con los juegos HTML5, mucho de esto se reduce a poder ejecutar el juego en diferentes tamaños de pantalla, de manera eficiente. Aquí hay un resumen de los diferentes dispositivos que tenemos en el mercado: iPhone, iPad, iPod Touch, Samsung Galaxy Note3, Samsung Galaxy Tablet, Google Nexus, LG, Xiaomi, Windows Phone, Windows Laptop, Mac, la lista sigue y sigue ... Ridículo ? Sin embargo, esto es lo que hacen las grandes empresas. Como diseñador independiente, ¿cómo diseñas un juego que se ajuste a diferentes tamaños de pantalla?
- Repara la orientación del juego. Diseña tu juego de manera tal que funcione en modo retrato o en modo paisaje solamente .
- Encuentra la resolución de juego más común que funciona para la mayoría de los dispositivos. Mantener la relación de aspecto. A continuación, amplíe o reduzca según la resolución del dispositivo. Encontramos relaciones de aspecto de 3: 4 (retrato), o 4: 3 (paisaje) más populares y eficientes.
- Diseña juegos livianos y casuales. No te vayas por el voluminoso juego 3D MMO. En lugar de eso, busca experiencias divertidas e informales. El juego podría ser tan simple como golpear topos o saltar plataformas. Cualquier cosa bajo el cielo es juego limpio (sin juego de palabras).
- Siempre dibuja ilustraciones de alta resolución. Al menos 2048px de ancho como línea de base. Es más fácil escalar que escalar.
6) Comience a lanzar
Pregúntele a su empresa (o clientes) si están interesados en algún proyecto relacionado con el juego. Muéstrales tus diseños. Saca tu corazón. Camina por el GDD.
¡Tu primer lanzamiento de idea de juego no será como Shark Tank, puedes estar seguro! Lo más probable es que asignarán un pequeño presupuesto para el juego. Si no hay presupuesto, continúe haciendo mejores diseños y contacte a otras compañías. Si tiene los recursos, financie sus propios proyectos de juegos a bajo precio.
7) Encuentra un programador
Una vez que tenga un presupuesto, comience a buscar programadores especializados en el desarrollo de juegos. Muéstreles sus diseños, comparta el presupuesto y cuénteles la visión. La mayoría de los desarrolladores de juegos son muy útiles. Lo que necesita es un programador versado en juegos HTML5. Esta persona tiene que saber cómo codificar algo que se adapta bien a todo tipo de factores de forma. Discuta la "mentalidad de plataforma cruzada" con el programador.
8) Grind
El desarrollo del juego en sí tomará semanas, si no meses, inicialmente. Habrá sudor de sangre y lágrimas, pero valdrá la pena la experiencia. Es muy importante mantener el alcance del diseño de tu juego muy, muy pequeño, al menos para tu primer proyecto.
9) Termina el proyecto
La palabra clave aquí es "terminar" el proyecto. A menudo, como diseñadores, queremos un juego perfecto. Cero errores. Arte de juego bellamente diseñado, con reglas ideales. Tira esa mentalidad por la ventana. Ir por "lo suficientemente bueno". Libera el juego en la naturaleza. Nada lo dice como un juego en vivo, en manos de los usuarios. Siempre puedes pulir el juego después del lanzamiento. Hecho es mejor que perfecto.
10) Medir la retroalimentación
Verifique las respuestas de los usuarios a su juego. Use herramientas gratuitas como Google Analytics para rastrear las vistas, jugadas y eventos de su juego.
Si está diseñando juegos para atraer la atención de las redes sociales, analice los Me gusta de Facebook, los Tweets y los Me gusta de Instagram. Estudia cómo reaccionaron los usuarios a tu juego.