lunes, 21 de octubre de 2013

Configuración del PolMapEditor

Puedes ver un  vídeo explicativo en el que he utilizan una capa para colisiones "LayerGrid".

 

PolMapEditor ofrece la posibilidad de trabajar con diferentes capas. Esta capas pueden ser de varios tipos que serán tratados individualmente con más
profundidad. Las capas pueden se pueden ocultar o mostrar, cambiar su orden y además se les puede establecer un nivel de transparencia. Todas esta funciones se pueden realizar por medio de los correspondientes botones de la barra de herramientas de la ventana "Layers".

image

La capa seleccionada será la que ocupe el primer plano, las demás se muestran según su orden en la pila. También es posible seleccionar la "primera capa" como en la imagen superior de forma que se pueden establecer propiedades que afectan a TODO el mapa.

Como se ve es posible la introducción de propiedades de usuario por cada capa y algunas que tienen un significado especial para el diseñador.

 

Propiedades globales

Existen una serie de propiedades globales que permiten la personalización de la interfaz del diseñador.

image

  • AxisForeColor - Color de los ejes X e Y (*).
  • BackgroundColor - Color del fondo del editor (*).
  • ForeColor - Color de los puntos y cuadrícula (*).
  • Screen.Size - Tamaño de la pantalla física del dispositivo para el que se diseña el juego. Por ejemplo 800x480 para WP7.
  • Screen.Border.Color - Color con el que se ocultará la parte del mapa que no entra en la vista actual (*).
  • World.Bounds - posición y dimensiones (rectangulo) del mundo por ejemplo "-400,-200,1300,600"

* - Color en formato html por ejemplo : #FFAA00 o Blue.

 

Teclas de acceso rápido

A continuación se muestra la lista de teclas y combinaciones para realizar algunas acciones habituales:

  • Flecha izquierda - Desplaza el visor hacía la izquierda.
  • Flecha derecha - Desplaza el visor hacía la derecha.
  • Flecha arriba - Desplaza el visor hacía arriba
  • Flecha abajo - Desplaza el visos hacía hacía abajo
  • Flecha izquierda - Desplaza el visos hacía la izquierda
  • Ctrl derecho + Flecha izquierda - Desplaza la selección al objeto anterior.
  • Ctrl derecho + Flecha derecha - Desplaza la selección al objeto siguiente.
  • Ctrl izquierdo + G - Bloquea el desplazamiento horizontal con el ratón.
  • Ctrl izquierdo + H - Bloquea el desplazamiento vertical con el ratón.
  • Ctrl izquierdo + * - inserta un marcador en el centro de la vista.
  • Supr - Elimina el elemento seleccionado.

Barra de estado

PolMapEditor muestra una barra de estado en la que se muestran una serie de mensajes y la información de:

image

- Las dimensiones de la selección
- La posición del ratón en coordenadas de pantalla
- La posición del ratón en coordenadas del mundo.
- La posición del ratón en coordenadas del mundo alineadas a la cuadrícula.
- Cinco botones para: activar alineación a la rejilla, mostrar/ocultar rejilla, mostrar/ocultar puntos y bloquear desplazamientos

 

Formato del fichero

No he querido utilizar ninguno de los formatos de fichero para maps existentes ni tampoco utilizar XML por el tamaño de los ficheros resultantes. Por el contrario he utilizado un fichero de texto plano.

Los valores se agrupan en secciones del mismo nombre dentro de las cuales aparecen las diferentes propiedades y sus valores.

El algoritmo para grabar y leer estas propiedades será por lo tanto bastante sencillo. Básicamente se parte la cadena primeramente por retornos de carro y a continuación por el carácter "=". Más adelante pondré la implementación en C#.

Si una propiedad es a su vez una lista de propiedades, un diccionario, las diferentes propiedades están separadas por el carácter "#". En el caso de ser puntos estos están separados por comas ",".

A continuación se muestra el fragmento del fichero correspondiente a la parte global del mapa.

# =====================================================
# Level/Map Properties section
# =====================================================
Level
  EditDate   = 18/10/2013 13:09:01
  Designer   = pos=-134,-28;zoom=100;layer=2
  Properties = BackgroundColor=black#Screen.Border.Color=Red#Screen.Size=400,320#World.Bounds=-400,-200,1300,600#
  Bookmarks  =
Level

Los caracteres "#" y ";" al principio de las líneas hacen que estas sean tratadas como comentarios.

 

Fichero

Se puede ver el contenido del fichero del mapa pulsando las teclas Ctrl+Mayús+T o desde el menú View. Los cambios realizados en esta ventana NO serán guardados.

image

jueves, 17 de octubre de 2013

PolMapEditor 1.0

Aquí dejo un enlace para la descarga del programa:

http://glypy.mipropia.com/PolMapEditor.rar

Son 6 ficheros que pueden ser copiados en cualquier directorio. Es necesario tener instalado Microsoft Net Framework 3.1 o superior para el correcto funcionamiento.

image

 

Saludos

Primer video

Aquí dejo un pequeño video en la que os podéis hacer una idea de como es el editor a la hora de tratar con lineas, poli-lineas, formas.

El editor

En esta entrada voy a mostrar algunas capturas de pantalla en las que se pueden ver algunas características de PolMapEditor.

La primera corresponde a un mapa importado de Glypy The Hero, mi primer juego en WP7. Aquí dejo el enlace por si alguien quiere probarlo.
wp7_152x50_green

image

Otra en la que se aprecia la ventana TileSets y la de Resources

image

Otra más en la que se puede ver la capa Grid seleccionada así como la celda y sus propiedades.

image

Seguiré publicando más entradas y próximamente el programa y su código, así de gratis…

Mensaje de bienvenida

Hola a todos los visitantes de este nuevo blog que abro.

Con él intento dar a conocer PolMapEditor, un programa para la edición mapas que he estado desarrollando durante algún tiempo. Está enfocado a desarrolladores de juegos y he utilizado C# como lenguaje de programación.

No está finalizado, pero es posible la edición de diferentes tipos de capas utilizadas en la creación de juegos: Grid, TileMaps, Grafos, lineas, polilineas, poligonos, Objetos, Parallax, Scroll, etc.