Arreglando los tutoriales del juego

Publicadas por Jose Carlos Tamayo

Ahora que tengo un poco mas de tiempo voy a organizar todos los tutoriales que han sido escritos en Tauren Create. Por ahora he creado esta pagina donde estaran los tutoriales. Saludos!

¿Te gusta la pagina?, socializame haciendole click a tu color preferido:

Add to Technorati Favorites Digg! del.icio.us.me

Ejemplo de Drag And Drop en juegos web

Publicadas por Jose Carlos Tamayo

Hay un nuevo avance de Xhelos, el modulo de construccion y mantenimiento de tu colonia. Esta te permite construir y actualizar edificaciones en tu colonia. Aunque esta en fase de prueba ya pueden ir curioseando en la cuenta demo ( o la tuya si ya creaste una cuenta en Xhelos!).

Con Tooltips incluidos!

Y de que trata esto?

Esta nueva vista te permite jalar las construcciones de la derecha, y soltarlas en el mapa ( si, si , se que no se ve como un mapa, usen su imaginacion esta ves :D )de la izquierda.

Al jalar la construccion encima del mapa, las celdas que ocupara el mismo se iluminan dependiendo del tamaña que ocupe la construccion en el mapa.

Como no puedes construir encima de otras construcciones, el juego te lo muestra intuitivamente cambiando a color rojo las zonas prohibidas para construir.

Por ahora podras construir en cualquiera de las 3 zonas posibles ( aire, tierra, agua), pero iremos mejorando esto segun la necesidad.


Y como se hizo todo esto?

Todo esto fue hecho con la increible extension de Jquery, la libreria Jquery UI. Jquery UI te da un soporte increible para hacer Drag y Drop. Si conoces Javascript y Jquery, te aseguro que te resultara muy facil implementar esto. Pero enumerare los pasos para darles una idea de lo que trata esto.
  1. Creas una lista de items y le das el comportamiento draggable usando:
    $( "#selector" ).draggable();
  2. Adicionalmente le cambie la apariencia del dragabble por una version mas pequeña de la construccion usando la opcion helper
  3. Despues le indico que quiero que los cuadraditos sean una posibilidad de droppable usando
    $( ".miscuadraditos" ).droppable();
Y ya estaria casi todo... casi todo.


Problemas y Gotchas

Pero bueno no todo es color de rosa. Actualmente cuento con 2 problemas no muy graves.
  • Se pone lento si es que le das el comportamiento droppable a muchos elementos. En mi caso cada cuadrado del mapa es un posible Droppable, con un tamaño de 30 * 20, esto hace un total de 600 cuadrados donde puedes hacer Drag a una construccion. Lo van a sentir cuando intenten jalar un edificio, esto se demora unos 2 segundos, algo nada intuitivo. Al parecer la solucion es darle un comportamiento Drop al contenedor de estos cuadraditos, y obtener el cuadradito afectado de alguna otra manera.
  • Si se dan cuenta no coloco realmente el img tag de la construccion encima del html del cuadradito receptor, esto deformaria todo el mapa ya que la construccion es mas grande que el cuadradito receptor. Lo que hago realmente es cambiarle el background a todos los cuadrados alrededor del cuadradito receptor para que se mantenga el mismo tamaño. Probe usando CSS para poner una img con posicion absolute encima de mi mapa, perdi 1 dia haciendo esto!, pero bueno descubri un bug en Firefox 4 asi que supongo que algo bueno salio de todo esto.

¿Te gusta la pagina?, socializame haciendole click a tu color preferido:

Add to Technorati Favorites Digg! del.icio.us.me

Mejora a la pagina web

Publicadas por Jose Carlos Tamayo

Aprovechando la finalizacion de la version 0.4 de Xhelos, he aprovechado para afinar un poco el diseño de la pagina web Oficial. Sin mas preambulos aqui les dejo el antes y el despues:

Con un azul mas claro y algunas sombras de background. El Header y el Footer son imagenes! Yo lo notaba un poco disparejo.


El nuevo diseño es mas rapido en cargar debido a que casi ningun background es imagen, casi todo es CSS3. Me gusta este nuevo azul.

Este nuevo azul sera usado tambien en el juego, y para hacer que combine tendre que usar rojos y morados de este tipo de azul medio pastel. Todas las demas paginas tambien han recibido su tratamiento "diseñistico"

Y bueno eso fue una pequeño capricho como para despejarme del juego, ahora si.. continuemos con el desarrollo.

¿Te gusta la pagina?, socializame haciendole click a tu color preferido:

Add to Technorati Favorites Digg! del.icio.us.me

Version 0.4 ya esta habilitada!

Publicadas por Jose Carlos Tamayo

Uf me siento un poco culpable por no postear tan seguido pero es que el tiempo estuvo escaso en estos dos ultimos meses. En fin acabo de subir ayer una nueva version del juego, la 0.4 y puedo decir que es todo un hito en el desarrollo del juego.

Esta version a sido trabajada durante dos meses y tiene unos avances muy importantes para el juego. Aunque ya existe un articulo en la pagina oficial del juego con todos los detalles de esta version. Aqui te muestro lo mas resaltante del momento:



Inteligencia Artificial:
Ahora el juego cuenta con jugadores artificiales contra los que pueden combatir, se mueven y atacan notablemente bien, aunque debo decir que tengo ligeros problemas con el Pathfinding, al ser mapas sin muchos obstaculo trabaja fantasticamente.

Mapas mas grandes:

Los mapas de las batallas son aproximadamente 3 veces mas grandes de lo que eran antes. Ademas he añadido un nuevo tipo de terreno, la nieve. Para crear estos mapas de forma automagica, me he ayudado de un algoritmo llamado Perlin Noise del cual, si el tiempo y el trabajo quiere, creare un tutorial. Realmente muy util el algoritmo.

Regiones Iniciales en el juego:

Antes los jugadores aparecian en una misma region llamado Aquaria si mas no me acuerdo, imaginate a todos las unidades metidas en el mismo rincon!. Pero ahora cada nuevo jugador tendra su propio planeta inicial para explorar. Ademas para que no se sientan solitos les he puesto unidades de un jugador artificial para que prueben mejor el juego. O si!


Y ahora que sigue?

Excelente pregunta. Por ahora estamos en una fase de Alpha Testing, ademas considero que el juego esta en un estado como para ya presentarlo via Facebook y Twitter y hacerle una buena fama!. Con respecto al juego ya hicimos un par de pruebas con unos amigos ( gracias Dgenerex y Montblack ). Por el momento a corto plazo tengo algunas cosas que mejorar en la UI (user interface). Son pequeñas pero que van a mejorar notablemente el juego.

Y a largo plazo?

Pues lo mas seguro es que se venga lo siguiente.

a) Manejo de Construcciones en el juego. Asi es dentro de las batallas y fuera de ellas se podran construir edificios especiales. Como todo va a ser de tipo bio-organico, vamos a tener ideas muy interesantes para las mismas.

b) Control y Generacion de recursos. Las regiones tendran sus propios recursos, asi como los planetas . Sera una forma un poco diferente esto de los recursos, pero mas sano para la macroeconomia del jugador =D

c) Mas unidades con mas poderes. Y sobre todo que afecten el campo de batalla.

d) Powerups en las batallas. Una muy buena idea de Dgenerex, al inciar cada batalla se colocaran powerups de forma random en cada batalla. Definitivamente sera un juego mas estrategico.


Y por supuesto, la continuacion de los tutoriales

Asi es no me olvido de la promesa, por parte de Tauren Create continuare con los tutoriales sobre desarrollo de videojuego, creo que trataremos de hacer uno onda RPG bien simple. Saludos!



¿Te gusta la pagina?, socializame haciendole click a tu color preferido:

Add to Technorati Favorites Digg! del.icio.us.me