Krypton Solid

La última tecnología en raciones de 5 minutos

Cómo diseñar juegos HTML5

Cómo diseñar juegos HTML5

HTML5 y el término «multiplataforma» son palabras de moda, y por una buena razón. La tecnología funciona para teléfonos inteligentes, tabletas, computadoras portátiles y de escritorio. Agencias amor el concepto, porque cualquier diseñador web que sepa HTML, entenderá HTML5. Que significa para usted, el diseñador web?

  • Más proyectos que involucran HTML5
  • Más proyectos en torno a la interactividad
  • Creando experiencias para que el usuario final interactúe

En el corazón de esta experiencia interactiva, se encuentran los juegos casuales. En este artículo, le mostraré cómo puede obtener una codiciada experiencia de diseño de juegos. ¿La meta? Incluya «diseño de juegos HTML5» en su currículum.

Juego, pero …

Es una falacia común entre los diseñadores web que diseñar juegos es una habilidad especializada. No es necesario asistir a la escuela de diseño de juegos para diseñar juegos. Cualquiera puede diseñar juegos. Primero, dividamos esto en partes. La construcción de un juego requiere 3 pasos principales:

  1. diseñar el juego;
  2. producir los activos visuales y de audio;
  3. programar el juego.

Como diseñador web, la forma más fácil de adquirir experiencia es mediante el diseño del juego. 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. ¿Por dónde empezamos? Aquí hay 10 pasos por los que todo diseñador de juegos debe seguir para ganarse sus galones.

1) Juega muchos juegos casuales

¿Tienes un teléfono iPhone o Android? Vaya a la App Store, diríjase a la lista superior de juegos gratuitos. Descarga y juega todos los juegos de la lista de los 20 mejores. Haga esto al menos una vez cada 2 semanas.

Mientras juegas, sé consciente de cómo está diseñado cada juego. ¿Qué técnicas y mecánicas de animación utiliza? ¿Te llamaron la atención los personajes? ¿Tenía una historia? ¿Qué te hizo sentir el juego? Después de 20 a 30 juegos, comenzará a detectar patrones.

imagen2

Notarás que algunos juegos, en esencia, son realmente lo mismo. Por ejemplo: Clash of Clans, Boom Beach y Hay Day tratan de construir, defender y atacar.

CONTENIDO RELACIONADO  Windows 8.1 Enterprise Preview, manos a la obra: mucho más que un paquete de servicios

Notarás que los juegos simples, como Flappy Bird o Swing Copters, se enfocan en desafíos realmente difíciles, que se pueden repetir un número infinito de veces.

Notarás que algunos juegos se enfocan en narraciones atractivas con personajes cuidadosamente diseñados.

¡También notarás algunos juegos independientes extraños, que son francamente aleatorios pero realmente divertidos!

2) Haz bocetos … muchos de ellos

Haz bocetos de las cosas que te gustan de los juegos que jugaste. Dibuja personajes, mapas, menús e interfaces de usuario. ¿Hubo algún personaje que te haya gustado? ¿Hubo cierto ángulo del juego que te hizo emocionar?

Aquí hay un personaje llamado ‘Matt’. Es un tipo de oficina aburrido, pegado a su silla:

imagen3

3) Hacer diagramas de flujo

Los diagramas de flujo describen el proceso paso a paso del juego. Describen el punto en el que el usuario comienza el juego, hasta llegar a eventos importantes, como una victoria o una derrota. Comience con diagramas simples como este:

imagen4

A medida que gane más confianza, repita su flujo simple para crear flujos más complejos.

4) Escribe un documento de diseño de juego

Utilizando lo que aprendió en los Pasos 1 a 3, diseñe y escriba un documento de diseño de juegos 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. Quiere escapar. El problema es que solo puede hacerlo desde su silla con ruedas. Hemos elaborado un esbozo ordenado de la pantalla del juego. Muestra un laberinto de escritorios de oficina que conspiran para bloquear la fuga de Matt.

imagen5

Como ejemplo, simplificamos el objetivo del juego. Navega por el laberinto de la oficina para escapar de él.

imagen6

Eso es todo, para un GDD muy básico. Aquí está el diagrama de flujo completo, para nuestro juego, Escapar de la oficina.

imagen7

5) Entrena tu mentalidad multiplataforma

Con los juegos HTML5, mucho 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 se diseña un juego que se adapta a diferentes tamaños de pantalla?

  1. Corrija la orientación del juego. Diseña tu juego de modo que funcione en modo vertical o horizontal. solo.
  2. Encuentre la resolución de juego más común que funcione para la mayoría de los dispositivos. Mantenga la relación de aspecto. Luego, aumente o disminuya la escala, según la resolución del dispositivo. Encontramos relaciones de aspecto de 3: 4 (retrato) o 4: 3 (paisaje) más populares y eficientes.
  3. Diseña juegos ligeros y casuales. No vayas por el voluminoso juego MMO 3D. En su lugar, opte por experiencias divertidas e informales ligeras. El juego podría ser tan simple como golpear topos o saltar plataformas. Cualquier cosa bajo el cielo es un juego limpio (sin juego de palabras).
  4. Dibuja siempre ilustraciones de alta resolución. Al menos 2048 píxeles de ancho como referencia. Es más fácil reducir la escala que aumentarla.
CONTENIDO RELACIONADO  aplicación de cámara Krypton Solid

6) Empieza 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. Lanza tu corazón. Guíelos a través del GDD.

Tu primera idea de juego no será como Shark Tank, ¡puedes estar seguro! Lo más probable es que asignen un pequeño presupuesto al juego. Si no hay presupuesto, continúe haciendo mejores diseños y comunicándose con otras empresas. Si tiene los recursos, financie sus propios proyectos de juegos a bajo costo.

7) Encuentra un programador

Una vez que tenga un presupuesto, comience a buscar programadores que se especialicen 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 que esté bien versado en juegos HTML5. Esta persona tiene que saber cómo codificar algo que se adapte bien a todo tipo de factores de forma. Discuta la “mentalidad multiplataforma” con el programador.

8) moler

El desarrollo del juego en sí llevará semanas, si no meses, inicialmente. Habrá sudor de sangre y lágrimas, pero la experiencia valdrá la pena. Es muy Es importante mantener el alcance del diseño de su juego muy, muy pequeño, al menos para su 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. Opte 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.

CONTENIDO RELACIONADO  El lanzamiento en disco de Hitman no estará disponible hasta 2017

10) Mida la retroalimentación

Verifique las respuestas de los usuarios a su juego. Utilice herramientas gratuitas como Google Analytics para realizar un seguimiento de las vistas, jugadas y eventos de su juego.

imagen8

Si está diseñando juegos para llamar la atención de las redes sociales, analice los Me gusta de Facebook, los Tweets y los Me gusta de Instagram. Estudie cómo reaccionaron los usuarios a su juego.

Deja un comentario

También te puede interesar...

Desarrollo dirigido a hardware futuro

Los productos recientes de IBM y Sun han traído diversidad y, por lo tanto, opciones de regreso al mercado de hardware. En particular, los desarrolladores con ideas candentes a un año y medio del marketing

El mercado de stepper cayó un 2,6% en 2005

Los ingresos en el mercado de motores paso a paso caerán un 2,6% en 2005 a medida que los vendedores de semiconductores reduzcan sus gastos. Dada la preparación de la industria para la primera producción

La revisión del cetrero | jugador de pc

Necesito saber ¿Qué es? Un juego que te da un arma y un halcón gigante (o una persona diminuta). Espera pagar: $30/£25Desarrollador: Tomás SalaEditor: Producciones alámbricasRevisado en: GeForce GTX 1650, AMD Ryzen 5 3550H, 8

Pídele a Alexa que encuentre tu teléfono perdido

Los editores de Krypton Solid seleccionan y revisan los productos de forma independiente. Si compra a través de enlaces de afiliados, podemos ganar comisiones que ayuden a respaldar nuestras pruebas. Saber más. ¿Perdiste tu celular?

Force.com 2 trae nuevas nubes de Salesforce

La transición de salesforce.com de software como servicio a plataforma como servicio ha dado un paso adelante con una importante actualización de su plataforma de desarrollo Force.com. La empresa presentó Force.com 2, actualizado con cinco

Definición de pérdida total real

¿Cuál es la pérdida total real? La pérdida total real es una pérdida que ocurre cuando una propiedad asegurada es destruida o dañada a tal punto que no puede recuperarse ni repararse para su uso