Jugando con objetos: Haciendo el diseño gráfico del juego


Esta es la segunda actividad de Jugando Con Objetos. En esta harás el diseño gráfico de tu videojuego. Pero recuerda que como dijimos en la introducción  el objetivo no es hacer un videojuego, es aprender POO haciendo un juego. Es por ello que la forma en que vas a desarrollarlo no es realmente como se hace un videojuego, por que el objetivo no es ese, es aprender POO.

Si no no has leído la introducción al curso te recomiendo hacerlo ahora, está en Jugando con objetos: Aprendiendo a programar OO con videojuegos.

En particular el ejercicio de esta guía nos servirá para aprender hábitos mentales. Particularmente:

Un desarrollador no adivina, diseña.

La anterior frase quiere decir que cuando estés programando estas figuras en el computador no vas a perder el tiempo viendo como va quedando, sino que harás el diseño, el cual cuando estés en la sala de computadores simplemente lo pasarás a Java.

Los materiales

Para esta actividad es muy importante tengas los siguientes elementos:

  1. Papel milimetrado, una hoja por cada objeto gráfico (un bloc).

  2. Lápiz, mejor si es de punta delgada (también pueden usar lápices de colores).

  3. Borrador por que un diseño implica borrar muchas veces para mejorarlo.

  4. Mucha creatividad y paciencia.

Actividades

  • Dibuja uno de los objetos gráficos de su proyecto, le recomiendo empezar por el protagonista. En una hoja de papel milimetrado dibújalo de tal forma que ocupe todo espacio. Esto último es muy importante pues si lo dibujas muy pequeño será muy difícil establecer las coordenadas exactas.

  • Para dibujar al protagonista sólo puede usar las siguiente figuras geométricas:

      1. Líneas

      2. Rectángulos (incluye los cuadrados), pero sólo horizontales y verticales, no inclinados.

      3. Óvalos (incluye los círculos), pero sólo horizontales y verticales, no inclinados.

        Polígonos (regulares e irregulares).

Por ejemplo el protagonista de “mi juego“ es Tux.

El protagonista

El protagonista

 

Y al pasarlo a papel milimetrado quedaría:

El protagonista en papel milimetrado

El protagonista en papel milimetrado

Mira que el dibujo se expande hasta tres de los márgenes de la hoja.

  • Indica en el dibujo los colores y nombres que tendrá cada uno de los elementos, puede ser con anotaciones a lápiz o realmente usando colores.
El protagonista en papel milimetrado indicando colores

El protagonista en papel milimetrado indicando colores

Fíjate que también se pone el nombre del protagonista, que en esta caso es Tux.

  • Repite los pasos uno a tres con cada uno de los objetos gráficos del proyecto.
  • Por ejemplo con el villano:

El villano

El villano

Este tiene movimientos a la izquierda y a la derecha, por lo que tienes que tener dos páginas de papel milimetrado, uno nadando a la derecha:

El villano en milimetrado nadando hacia la derecha

El villano en milimetrado nadando hacia la derecha

Y otra nadando a la izquierda:

El villano en milimetrado nadando hacia la izquierda

El villano en milimetrado nadando hacia la izquierda

  • Pero no se te olvide hacer el escenario, esto es todo el juego con todos sus elementos.

    Por ejemplo en “mi juego” el escenario es:

El escenario del juego

El escenario del juego

  • Que en milimetrado quedaría:

El escenario en milimetrado

El escenario en milimetrado

Y así con cada uno de los elementos. En la próxima actividad veremos como convertir todo esto a fórmulas y con ellas a tu primer código java. La siguiente actividad [próximamente lo pondré].

Comments
One Response to “Jugando con objetos: Haciendo el diseño gráfico del juego”
  1. Rod dice:

    Hola aztlek, estaba buscando algo de orientacion a objetos y llege aqui, me parecio interesante la forma en la que explicas y gracias a ti entendi lo de variables de referencia en otro post, muchas gracias, … en este proyecto de POO, tienes pensado en seguir con las proximas entregas?

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: