Bueno ya con la version 0.6.6 del modulo de batallas finalizado, he decidido crear ya la primera aproximacion al juego.

Si han probabo lo que hay actualmente en el demo, es solo el modulo de batallas, no es digamos un juego completo con login, manejo de tu imperio y demas cosas como en otros juegos, asi que para ir avanzando creo que es necesario crear estas interfaces, sera la verdadera version 0.1 del Juego.

Version 0.1

• Contiene la version 0.6.6 del modulo de batallas. No pongo imagenes porque ustedes ya lo conocen ;).
  

• Contiene una actualizacion de la pagina principal: Con un login incluido (lo hice full ajax), esto seria la version 0.2. Agradezco a la gente que me dio un buen feedback sobre la interfaz de la pagina web. No se preocupen cambiare las letras a una fuente mas .. interesante.

• Nuevo Modulo de Administracion de Imperio: version 0.1, este modulo tendra varios submodulos en el futuro .Usare bastante Ajax y gadgets web2.0, osea una pagina excesivamente rapida para los gamers. Me enfocare en esta version en crear el submodulo de Administracion de Ejercitos, lo suficiente como para que elijas que unidades mandaras a atacar.

Tambien dare un poquito mas de enfoque al blog ya que es mi principal medio de comunicacion.

Por mientras si les gusto el juego avisen a todos sus amigos para que apoyen en la primera prueba Beta real del juego. Ya tendremos usuarios y otros freebies interesantes. Saludos y les pasare la voz de cuando sale la nueva version. Stay tuned

Siguiendo con este minitutorial de uso de Firebug, vamos a revisar unas caracteristicas unicas en Firebug con respecto a Javascript y AJAX

1) Visualiza tus envios Ajax: Cada ves que hagas un pedido Ajax con respuesta puedes visualizar su contenido en la Consola del firebug. No solo eso, puedes ver, los datos enviados, la respuesta del servidor y en la ultima version.

Si tu dato fue enviado como JSON firebug lo comprende bien y te lo muestra , miren este poder:


2) Magia en Javascript: Una cosa que me facilita el Firebug es que puedo ejecutar codigo javascript cuando yo quiera, digamos un overwhelming alert:


Ahora ya que estan trabajando con firebug, les dejo una funcion truco, la console.log(). Esta funcion te permite mandar mensajes a la consola.

Si, se que no sirve de mucho mandar una cadena "Hola Firebug", pero lo que no pensaron ustedes es que puedes tambien mandar variables a la consola, con toda la funcionalidad que esto amerita ;)


Y asi termino con lo basico del Firebug. Les sigo aconsejandolo, instalenlo en su Firefox. ¿Que no estas usando Firefox?, no hay problema instalate tambien el Firefox.

Desarrollar juegos para web no es tarea facil. Tienes que preocuparte por varios lenguajes y tecnologias al mismo tiempo. Es por eso que hace un año empece a buscar la herramienta perfecta que me ayude a desarrollar en css, javascript, html y php al mismo tiempo. Por un tiempo estuve con el Dreamweaver CS3. No es una herramienta mala, bien util en PHP, pero mis necesidades en el codigo javascript, ademas de todas las librerias que usaba limitaban al buen Dreamweaver, una herramienta propia de Diseñadores Web. Es ahi cuando encontre al Aptana.

Aptana es un IDE que ahora corre como una extension del ya mitico Eclipse o como version Standalone,aunque recomiendo la version para Eclipse. Nos permite crear codigo principalmente en HTML, Javascript y CSS de una forma por demas deliciosa.

Por supuesto lo que mas llama la atencion es que su version Community es totalmente gratuita. Yo uso esa y de verdad, me hace las cosas mas sencillas.

Si quieres usarlo pues son 3 pasos basicos:

1. Bajate el Eclipse. Recomiendo la version Classic
2. Bajate el Aptana for Eclipse. Ahi te dan las faciles instrucciones para instalarlo
   
3. Actualiza tu Aptana y disfruta
   

Goodies:

• Puedes trabajar codigo en Html,Javascript y Css. Ademas tienes una extension para trabajar codigo en PHP muy buena y completa.
• Ademas tienes mas extensiones para trabajar con Ruby on Rails, Adobe Air 1.5 , Iphone y Python. Me falto mencionar que tambien puedes trabajar con WRT para celulares nokia

• Funcionalidades especiales para las siguientes librerias javascript Jquery,Dojo,Yahoo,Ext Js, Motools, Prototype, Scriptaculos, Adobe Spry, Microsoft ASP.NET Ajax Controls, OpenRico y Aflax.

• Outline Visualizator, navega por tags,variables y funciones, codigo en css ,javascript ,html y hasta en PHP!. De lejos la funcion mas util para mi
  

• Autopadding: Supon que ingresas un if de ultimo momento , todo el codigo que este dentro de los nuevos corchetes se identa. Aptana ademas identa tu codigo en otros tipos de situaciones de una forma por demas inteligente. Me dejo pensando que Aptana esta vivo, o hay duendes magicos bien ordenados dentro del codigo.
  
• Ademas en teoria tiene un debugeador de javascript bastante bueno. No lo he probado pero segun los comments leidos hace todo mas facil e interesante y ademas soporta todas las librerias citadas antes.

Lo unico que me parece un poco complicado es al momento de configurar tu servidor web. Pero lo bueno es que existe toneladas de documentacion con imagenes en la pagina principal de Aptana, asi que no hay pierde =).

A que esperas, empieza a usarlo ahora!!!

Este post es la continuacion de Xeno - Tecnologias Web a usar - Parte I Servidor

Ahora nos toca tratar el tema del cliente, esto significa como es que la informacio una ves mandada va a ser manejada por el Navegador

CLIENTE

Lenguaje del Cliente: Usaremos Javascritp junto con lalibreria jquery. Basicamente javascript nos ayudara a que la interface sea parecida a la de un juego desktop, de hace un par de años por supuesto y sin graficos 3d, que puedo decir, es un juego por browser. Jquery nos permitira desarrollar mas facil y cross-browser el juego. Por supuesto tenemos ciertas limitaciones:

1. Javascript es Lento: Demasiado lento en comparacion con java embeded o hasta con flash (bueno la ultima version) aunque actualmente navegadores como el chrome o el proximo IE 8 prometen mejoras de velocidad en el javascript. Por eso hay que ver que tnato codigo podria resistir el cliente.
2. El codigo puede ser manipulado por cualquier persona: Y en general uno nuncas debe de confiar en los datos enviados por el usuario, por ejemplo supongamos que estasmos en un mapa moviendo unidades, si nosotros de alguna manera (hackeando el javascript) hacemos que una unidad se mueva lejos de su rango de accion, nosotros debemos de confirmar en el server que ese movimiento sea valido.

Ahora en el sistema no voy a aplicar para nada de flash. El problema del Flash es que se pierde usabilidad. Es decir, vamos que fue flash quien invento la peor aberracion en usabilidad segun Jakob Nielsen "Las pantallas de Introduccion", que seran tema para otro post


Diseño y Estructura: Basicamente va a ser un Diseño Tableless, y vamos a usar bastante CSS. Casi lamentablemente para el sistema ( para los tios de la W3C) no va a ser XHTML compatible ya que vamos a usar propiedades de los tags que no son oficiales. Esquinas redondeadas por CSS y CSS Sprites son una de las tecnicas que se me vienen a la mente, pero estoy seguro que van a haber mas.


Extras: Al final se tratara de minimizar los archivos enviados, ya que esto significa menos ancho de banda usado y es mas rentable. Para hacer esto lo pimero enmiente seria enviar todos los scripts minimizados, mandar pocas imagenes ( y transformarlas en sprites) y ver si mandar la informacion comprimida es mejor ( ay que es un esfuerzo extra para el procesador del servidor).

Por supuesto el Uso de AJAX va a ser necesario. Tengo una tecnica para mandar informacion json en la primera carga de la pagina web que me ayudara bastante a mejorar la carga de datos. Esto hara que use menos ajax ya que ajax no es la panacea para todo.


Eso es todo lo pensado para el juego en la parte del Cliente. ¿Dudas? ¿Preguntas? o piensan que Flash es bueno para Juegos Web persistentes? Lo leere en sus comentarios. Hasta la proxima