Bueno muchachos, esta ya es la segunda navidad que pasamos desde la creacion del blog. Es mi deseo decirles Excelentes Navidades y un muy excitante año nuevo (para variar lo que se suele decir).

Decirle gracias a todos los que me leen y postean, y pues este proyecto sigue mas vivo que nunca. Ya tenemos 10 usuarios y tan solo es e primer Alpha. El siguiente paso es hacer un poquito mas famoso el proyecto para tener mas Alpha Testers. Saludos

Para los que quieran saborear el juego, sin necesidad de registrarse,les he creado el modo medieval (insertar iconito de nube con rayo aqui). Es un modo donde eliges a uno de 2 jugadores, al mitico Omario o al azulado Zero-Sub (vamos que salvo la imagen, tienen los mismos Stats).


Ingresando
Si estan en la pagina web de Xeno entren por medio de la imagen de abajo o mejor aun entren por aqui

Una ves dentro seleccionen uno de los dos jugadores. Pueden llamar a sus amigos y jugar en VS, eso seria lo mejor.

Una vez dentro veran una interfase parecida a esto:


Esta imagen representa un mapa de batalla donde pueden ver sus unidades en verde y las del enemigo con un borde rojo. El objetivo del juego es eliminar al enemigo.

Unidades
Cada lado tiene las siguientes unidades:

Soldado: Una unidad regular. Buen ataque y defensa. Aunque la caballeria lo gana. Es el unico que puede pasar por el terreno rocoso. Tiene los siguientes movimientos

• Mover: Cuesta 50 de energia y posibilita al arquero moverse a un cuadrado adyacente
• Ataque: Cuesta 100 de energia. Ataca a alguna unidad que este a 1 cuadrado de distancia.

Caballeria: La mejor unidad del juego. Aunque no puede pasar por terreno rocoso es la mas veloz de todas las unidades. Tiene los siguientes movimientos

• Trotar: Cuesta 60 de energia, mueve a la caballeria hasta 2 cuadrados de distancia. Definit¡vamenet lo hace recontra veloz
• Ataque: Cuesta 100 de energia. Ataca a alguna unidad que este a 1 cuadrado de distancia.
• Arrollar: Cuesta 400 de energia. Ademas de hacer daño, deja a la unidad enemiga aturdida, eliminando cualquier movimiento que estuviese ejecutando o vaya a ejecutar. Util para parar cualquier ataque de rango.

Arquero: Es una unidad con poca vida pero la unica que puede atacar de lejos. Tiene 2 movimientos:

• Mover: Cuesta 50 de energia y posibilita al arquero moverse a un cuadrado adyacente
• Ataque de Rango: Cuesta 250 de energia y posibilita al arquero atacar de 2 a 3 cuadrados de distancia.

NOTA: Acerca del Rango. Las acciones de una unidad tiene cierto rango de movimientos. En este caso estamos viendo la habilidad Ataque de Rango del arquero. Como ven la parte verde es la parte donde se pueden realizar acciones. No puedes atacar unidades adyacentes pero si puedes atacar a las unidades de 2 a 3 cuadrados de distancia.


Y bien si tiene algunas dudan no duden en comentar la pagina. Gracias

La version 0.7.1 ya esta OUT. Y como lo prometido es deuda, ya incorpore el registro de usuarios a Xeno. Ahora ya pueden crear a su jugador!. Solo hay que llenar 4 datos para estar totalmente registrado.

Posiblemente hoy o mañana ya estoy activando la opcion de registro de Usuarios del juego!.

Aunque por ahora los usuarios registrados podran solo ver estadisticas simples y crear un ejercito propio, es el primer paso para que Xeno pase de ser solo un simple modulo para batallas a un juego de verdad!.

Esten atentos a este blog o en la pagina web del juego

En el mundo de la web todo evoluciona rapidamente. Ciertamente uno de estos aspectos es la creacion de imagenes dinamicamente con puro Javascript. Entre los mejores metodos para hacer esto (ademas de usar tecnolgias de terceros como Flash o Silverlight) tenemos a dos grandes ganadores SVG y Canvas.

Algo Sobre SVG:
Acronimo de Scaleable Vector Graphic, es simplemente nuevas etiquetas html etiquetas XML que definen rectas, circulos y demas cosas graficas. Como es codigo HTML XML, en teoria podrias usar una libreria como jquery para darle programabilidad a cada objeto por medio de funciones DOM. En castellano, si haces click en un circulo que has creado en svg, que tiene el id = 'circulo123', haces que desaparezca con un simple hide() en jquery.

Yo no he trabajado directamente con SVG, pero si he usado la libreria Raphael, que me permitio hacer los graficos en movimiento del Metacañon en mi juego Xeno. La curva de aprendizaje es relamente facil si conoces que es un cuadrado y un circulo ^^.

El soporte en Browser pues casi todos los navegadores soportan SVG salvo como de costumbre el escandaloso IE en todas sus versiones. Pero si usas la libreria Raphael, puedes rendear sin problemas en IE, ya que usa VML que es como el SVG de microsoft. Gracias Microsoft por ahcernos la vida tan facil.

UPDATE: Tal parece que IE se sube al carro del SVG. Parece que su version 9 traera soporte nativo para SVG, algo es algo.

Resumiendo SVG es codigo html que te permite hacer dibujos. les aconsejo cheken la pagina de Raphael para que se den cuenta del poder que tiene esta libreria.

Y Algo Sobre Canvas:
Canvas es codigo interpretado Javascript para hacer bitmaps, no es html como SVG no es un lenguaje de marcacion como SVG, si no que tienes que crear y llamar funciones de javascript para crear imagenes. En teoria es mas rapido que SVG para graficos en movimiento. Ahora de Canvas he tocado poco pero tambien tiene su libreria estrella Processing.js, creada por el popular John Resig, autor de Jquery.

Canvas funciona en una etiqueta Xhtml5 del mismo nombre, es ahi donde se aplican todas las funciones en javascript para aplicarle.

Ahora Canvas a pesar de ser un estandar de HTML5 no esta completamente definida en todos los navegadores. Ya ni quiero mencionar al IE, simplemente apesta en cualquier cosa referente a Html5. En este caso Processing.js no puede hacer mucho al respecto. Por supuesto hay un emulador de Canvas en IE, pero es recontra lento. Microsoft por supuesto apunta a que usen su silverlight.

Y Ahora que hacemos?
Bueno, lo mejor no es competir, si no complementar, mientras SVG sirve perfecto para graficos vectoriales, Canvas es mejor para trabajar en bitmaps.

Aunque si yo creara un juego de estrategia o un rpg, usaria extra SVG debido a que me es mas facil programar el mouse para trabajr con imagenes y sus subsecciones. Ahora he visto juegos de accion creados con Canvas, que seria lo ideal ya que Canvas es de hecho, mas rapido.

Pero recuerden que Canvas no funciona en IE, SVG tampoco pero la libreria Raphael si, asi que entre Canvas y SVG, por ahora me quedo con Raphael :P


Y para termiar les dejo este excelente Paper sobre un programa de dibujo grafico que usa estos dos metodos. Las comparaciones simplemente los dejaran atonitos.