Publicado el Deja un comentario

Desarrollo de la idea y creación de personajes para juegos HTML5

La idea de un videojuego puede venir de cualquier parte, la creatividad depende mucho del diseñador y su capacidad de correlacionar ideas y conceptos. Además como se adelantó en la Introducción de esta serie de entradas, esta idea debe enfocarse en dar una solución tomando en cuenta los elementos con los que se debe diseñar.

Para este curso se ha identificado un concepto global que servirá de base para generar un pequeño videojuego que explique todas el proceso de desarrollo de un videojuego casual HTML5 para su uso en dispositivos móviles y web browsers.

Identificar el alcance de la idea

Este es uno de los puntos principales en los que desarrolladores novatos pueden dimensional incorrectamente el alcance del videojuego. Debido a una serie de factores, un desarrollador puede enfocar el desarrollo de un videojuego sin tomar en cuenta factores como el tiempo de desarrollo, el desconocimiento del lenguaje de programación, el esfuerzo requerido en la elaboración de los artes y concepción general del videojuego.

Para evitar caer en un desarrollo insostenible y por lo tanto un proyecto que puede resultar desalentador, el diseñador de videojuegos debe tener en cuenta y plantearse cuales son las habilidades y herramientas con las que cuenta para desarrollar y definir la idea en mente.

Tener un concepto permite encasillar la idea y ser consciente de las habilidades y herramientas que se posee permite visualizar el diseño y el tiempo de desarrollo y los recursos necesarios para llevar a cabo una idea.

En esta serie de tutoriales nos hemos planteado la misión de diseñar y desarrollar un videojuego que tenga que ver con los conceptos de Navidad y Santa Claus.

Esta simple definición ya delimita el accionar del diseñador y recorta en gran medida el alcance del videojuego. El tiempo de desarrollo por lo tanto deberá reducirse a exageradamente un par de meses para que salga antes de diciembre, por lo que las consideraciones que se hagan frente al desarrollo deben estar limitadas por estas variantes de tiempo y concepto.

Para delimitar más la idea, se puede elaborar un pequeño listado que ayude visualizar las variantes de diseño como el que se presenta a continuación:

  • El juego es navideño y el personaje será Santa Claus
  • El juego deberá ser simple, rápido y adictivo
  • El juego deberá funcionar en móviles y en desktops

Conceptualización y bocetos, el GDD de los juegos html5 (GAME DESIGN DOCUMENT)

A partir de las ideas iniciales y las consideraciones de diseño, empezamos a bocetar en un papel, las soluciones que puede tener el videojuego, para ejemplificar dejo dos imágenes de las posibles soluciones que encontré al problema de diseño con las características de ser un juego simple, rápido y adictivo.

En esta etapa es posible que las mecánicas de juego, es decir cómo se va a jugar, cuáles son los controles y cómo van a funcionar no son muy claras. Para el ejemplo, lo que se ha definido es que el juego está destinado a un formato vertical para fácil uso en teléfonos móviles.

Por lo tanto los controle estarán supeditados a movimientos con los dedos en la pantalla. Así que la idea será posiblemente hacer que el personaje se desplace de izquierda a derecha y con movimientos para abajo dispare.

En esta etapa se puede detallar incluso más a fondo las mecánicas de juego bocetando los enemigos, y los personajes principales.

En el ejemplo al ser un juego navideño y tener a Santa Claus como personajes principal ayudó en gran medida que clase de videojuego tendría que ser.

Boceto del videojuego

Creación del personaje

Los personajes en videojuegos conforman una parte esencial en la inmersión que este tipo de desarrollos tienen como característica principal.

Aunque no todos los juegos tienen un personaje principal, el desarrollo de un buen personaje puede incrementar en gran medida el atractivo de un videojuego.

En el ejemplo se pensó en el diseño de un pequeño Santa Claus que pueda moverse por la pantalla y a la vez no interferir en gran medida con los aspectos artísticos de la programación.

Es trabajo del diseñador pensar en un estilo artístico adecuado que se adapte a las necesidades técnicas como la resolución de pantalla o jugabilidad, formato o tipo de juego.

Adicionalmente en este apartado puede intervenir fuertemente la subjetividad y habilidad de cada diseñador, es donde la creatividad y estilo se hacen presentes.

Para el ejemplo hice uso de un estilo conocido como Kawaii, termina siendo una preferencia personal que he desarrollado en los últimos meses y marca el estilo general del juego.

El boceto se lo debe digitaliza y re dibujar en un programa de ilustración ya sea vectorial o raster como Illustrador y Photoshop o cualquiera de sus alternativas en el mundo de uso libre.

Se debe tener en cuenta que el personaje posiblemente tenga que pasar a una etapa de animación y las funcionalidad que debe cumplir en el videojuego como lanzar misiles o saltar, etc.

El enemigo también tendrá que ser diseñado
El personaje escogido entre varios bocetos
El personaje pasado a ilustración vectorial en una primera etapa
El personaje finalizado

Diseño del Nivel o Escenario de juego

El escenario de juego es muy importante ya que es el espacio donde ocurrirá todas las acciones entre el personaje y su entorno y por ende las interacciones entre el videojuego y el jugador.

El escenario permite contar una historia sin palabras y transmitir las emociones que se requieren al jugador.

Un escenario oscuro posiblemente sirva para transmitir misterio, mientras que un escenario con colores claros puede servir para juegos más relajados.

Hay autores que incluso aplican las teorías arquitectónicas del espacio, luz y color para la construcción de escenarios de videojuegos.

Si bien los videojuegos casuales para Web desarrollados en HTML5 suelen ser desarrollos relativamente sencillos de poner en marcha, también pueden hacer uso de reglas básicas de diseño como la composición o la psicología del color.

En el ejemplo, el boceto final del nivel permite al desarrollador orientarse claramente en las mecánicas que tendrá el juego, si bien este concepto puede cambiar drásticamente a futuro debido a que la puesta en práctica de lo planteado puede o no satisfacer las necesidades de diseño.

En el caso de que estas necesidades de diseño no sean las adecuadas se puede replantear en la fase de prototipo del videojuego.

Boceto de juego terminado
Publicado el Deja un comentario

Cómo Diseñar y Desarrollar Videojuegos HTML5

Introducción:

En Weveana amamos los videojuegos, en especial los juegos HTML5 o juegos web.
En esta serie de entradas de blog, nos hemos dispuesto a brindar una revisión general de como se diseña y desarrolla esta clase de videojuegos para que aquellas personas interesadas en aprender o tener una idea general acerca de este tema puedan entender como funcionan y cuales son los requerimientos para empezar a desarrollar videojuegos para web.

Requisitos

  • Una hoja de papel y un lápiz
  • Un programa de diseño vectorial o raster como Ilustrador o Photoshop
  • Entendimiento generalizado de programación
  • Mucha creatividad
Los personajes conforman parte de la llamada «inmersión» que los videojuegos tienen frente a otros medios
La creación de personajes es muy importante en el desarrollo de videojuegos

Desarrollar videojuegos constituye una tarea multidiciplinaria que puede ser abrumante al principio por no tener una idea clara de donde empezar.

Esta serie de entradas explicaran el desarrollo de videojuegos HTML5 desde una perspectiva general explicando los conceptos que se deben tener en cuenta al momento de desarrollar un videojuego casual para la web o redes sociales, también se verán detalles técnicos que pueden ayudar a la persona interesada a desarrollar sus propios videojuegos utilizando herramientas de fácil alcance y que permiten obtener resultados relativamente rápidos.

El diseño de videojuegos al ser una tarea multidisiplinaria se constituye como parte del Diseño Multimedia y requiere de un diseñador de videojuegos que tenga ciertas aptitudes profesionales tanto para el lado lado artístico comunicacional como para el lado de desarrollo como programador.

Desde los videojuegos más sencillos, hasta los más complejos, el diseñador de videojuegos está en la capacidad de conceptualizar y producir inicialmente prototipos que permitan tener un entendimiento específico acerca de las mecánicas involucradas en un videojuego dado.

Objetivos del Curso

En la presente serie de entradas, voy a desarrollar paso a paso un videojuego muy simple, mientras muestro conceptos generales y necesarios para entender claramente los detalles involucrados en el diseño y desarrollo de los videojuegos HTML5.

Weveana

¿Por dónde empezar?

Como todas las cosas en el mundo del diseño y específicamente en el diseño de videojuegos, se deberá empezar con una idea.

Para el caso de un videojuego las ideas pueden venir de cualquier parte, sin embargo se debe tomar en cuenta que el diseño tiene la particularidad, a diferencia de lo artístico, que siempre se debe trabajar con límitantes o características impuestas por influencias externas.

Como ejemplo de lo anterior, se puede tomar el trabajo de un diseñador industrial quien tiene que trabajar con las limitantes impuestas por los materiales, o un diseñador de interiores que debe siempre tener en cuenta el espacio y el presupuesto.

Por lo tanto para diseñar y desarrollar videojuegos HTML5 se debe tener en cuenta los factores que pueden limitar a la tecnología como el tamaño de las pantallas, si el videojuego tendrá una orientación horizontal o vertical o el propio lenguaje de programación que se utilice.

Para HTML5 el lenguaje que se utiliza para programar es normalmente JS (Java Script) , no se debe confundir este lenguaje con JAVA, los cuales son solo similares en el nombre.

La principal ventaja de utilizar JS como lenguaje de programación para juegos HTML5 es la interpretación directa que ofrecen los exploradores modernos para este lenguaje sin necesidad de compilación previa, además que en la actualidad su estabilidad y compatibilidad es bastante universal y prácticamente se pueden obtener los mismos resultados para cualquier explorador de internet moderno, incluso en dispositivos móviles.

Java Script se ha convertido en un leguaje robusto y moderno, con un amplio abanico de frameworks e IDEs que respaldan su fácil desarrollo y puede acomodarse fácilmente a las necesidades de programadores nuevos como profesionales.

Publicado el Deja un comentario

Damos la bienvenida a CITY HERO

Nuestro más reciente juego acaba de ver la luz y está disponible para los juegos de Facebook, puedes invitar a tus amigos a formar parte de la «Resistencia» contra los alienígenas robapájaros que invaden la Tierra. Esta adictiva aventura te permite recolectar montones de dinero y comprar mejoras para poder derrotar a los jefes finales.

Esperamos que este nuevo lanzamiento sea del agrado de muchos y en Weveana continuaremos diseñando y desarrollando más y mejores videojuegos HTML5 🙂

Puedes acceder al juego con el enlace de la siguiente imagen: