Feliz Navidad.. Again XD

Publicadas por Jee Ba

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


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

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

El Modo Medieval, de que trata?

Publicadas por Jee Ba

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

Esta es la imagen que deben de clikar si estan en la pagina web de Xeno


Una ves dentro seleccionen uno de los dos jugadores. Pueden llamar a sus amigos y jugar en VS, eso seria lo mejor.
Please Mr Copyright owner dont sue me =P

Una vez dentro veran una interfase parecida a esto:

Significa que estan dentro felicidades!

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.

El arquero enemigo de abajo se salva del ataque al igualque el caballero al lado del arquero. En blanco esta resaltado el terreno donde el arquero no podra ejecutar su poder de Ataque de Rango.

Cheats
Adicionalmente al juego normal, estan algunos cheats que he puesto para ayudar a la gente en esta version Alpha.

Revive Unidades: Este boton revive todas las unidades, incluyendo las enemigas
Regenera Energia: Cone ste boton regeneras tu energia
Right Click: Sirve para deseleccionar todo lo que tengas seleccionado

Al lado de estos botones aparece el nombre de tu jugador y tus niveles de energia, en este caso 5000/5000.

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

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

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

Xeno: Version 0.7.1 Registro de Usuarios!

Publicadas por Jee Ba

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.

El registro mas user friendly del mundo

Ademas para los jugadores que quieran probar el juego sin neceisdad de registrarse he afinado el demo de Xeno version medieval, podran jugar un mapa en contra de algun amigo mas, solo necesitan seleccionar un jugadir y listo.

Elijan a cualquiera de estos dos y que empieze la guerra. En el proximo post informo un poco de este demo.

Y la mejor noticia de todas es que he cambiado totalmente el diseño de Xeno. Ahora es mas sencillo de navegar por la pagina. Por si no lo sabian la pagina principal tiene las siguientes opciones:
  • Introduccion: Es la caratula del juego. Simple y directa al grano, ofrece alguna noticia de ultimo momento.
  • RoadMap: Es una lista de las versiones de Xeno, actualmente estamos en la version 0.7.1 y pueden darse cuenta del mismo por el color diferente que tiene el texto en esta version.
  • Actualizaciones: A todos los ultimos cambios hechos al juego, le creo un resumen para que pudan conocer que hay de nuevo.
  • Faq: Preguntas frecuentemente preguntadas (sic).
  • Sponsors: Son empresas y diversas webs que apoyan el proyecto. Denle una visitada si desean.

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

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

Xeno: Registro en Pocos Dias!

Publicadas por Jee Ba


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

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

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

Canvas vs SVG : Round One

Publicadas por Jee Ba


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.

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

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

Ikariam 0.3.2 Como Ganar Guerras Terrestres

Publicadas por Jee Ba

Actualizacion Julio 2011: Te gusto el Ikariam pero sientes que las batallas, como decirlo politicamente, son hojas de calculo? Prueba Xhelos - Organismos de Batalla, un verdadero juego de estrategia por turnos y dame tu opinion del juego en el foro del juego.


En esta nueva version de Ikariam, ha cambiado totalmente el enfoque de las batallas. Ya no solo los que tienen mayor ejercito ganan como en otras versiones, un memorable esfuerzo para traer algo de estrategia al juego aunque no lo cumple en modo 1 vs 1. Ahora antes de explicar como es esto de que no hay mucha estrategia en un 1 vs 1, pasare a explicar como funciona este sistema:

Veran basicamente cada unidad de tu ejercito cumple ciertos roles que son los siguientes:son:
  • Infanteria Pesada: Son las unidades que de verdad pelean cuerpo a cuerpo. En teoria son las unidades mas poderosas pero en la practica, son las que mas mueren. Puedes usar Hoplitas y Gigantes a vapor, en los dos casos, como son las unidades que mas van a morir, sugiero que compres Hoplitas si no te sobra el azufre, los gigantes son mas resistentes a las unidades de rango que vamos a ver ahorita.
  • Unidades de Rango: Pelean detras de tus unidades pesadas.Pueden ser honderos, arqueros y fusileros. Pon arqueros si la batalla va a ser larga y no tiene muchos gigantes a vapor. De lo contrario pon a tus fusileros, que tienen mas ataque pero se les acaba la municion al toque. Si tienes unidades de rango mientras tus unidades Pesadas se esten peleando, haras mas daño a la Infanteria Pesada. Aqui con unos 300 fusileros o arqueros la haras bien en cualquier pelea, siempre y cuando tengas suficiente Infanteria Ligera:
  • Infanteria Ligera: Es la infanteria que pelea al lado de tu pesada. Pueden ser los lanceros (apestan) o mejor usas a los espadachines (yeah.. pero caros en mantenimiento). Lo primero que hace la infanteria ligera es acabar con la Infanteria Ligera de tu enemigo y si no hay mas infanteria ligera es ahi donde empiezas a eliminar a las Unidades de Rango, y aqui es el truco para ganar las batallas, generalmente en la version 0.3.1 no habia muchos jugadores que compraran Espadachines, porque se iban por el combo Hoplitas + Fusileros, asi que lo que si tienes mas espadachines que tu contrincante, va a llegar un momento en que emepzaras a atacar a sus fusileros y ahi es donde ganaras la batalla, el enemigo generalmente no va a poder resistir mas de 2 rondas, a pesar de que el tenga mas infanteria pesada.
  • Artilleria: Son las que abren los muros de la ciudad enemiga, y despues atacan a la Infanteria pesada, pero su efecto no es tan grande. Aqui es un poco dificil elegir entre las catapultas que te brindan mas tiros (hacen mas daño a las tropas enemigas) o los morteros que tienen mayor ataque (abren el muro al toque). Yo prefiero abrir el muro al toque para empezar el ataque ya que mientras los muros no se derrumben tus unidades de Rango no pueden disparar, y las unidades de rango del contrario si podran. Comprar los arietes es una estupidez, Ya que no te brindan ni mas defensa (no entran a pelear) ni rompen los muros rapidamente, asi que no los compres. Pero eso si ten masomenos unos 3 Morteros por nivel de muro que quieras romper.
  • Cazador: El Girocoptero, se encarga de atacar otros girocopteros y despues de eso eliminar bombarderos enemigos si sobro alguno. Simplemente si el enemigo tiene mas girocopteros que tu te va a ganar. Pero si el enemigo tiene girocopteros y tu no, no pasa nada asi que a veces es mejor no llevar girocopteros si sabes que vas a perder.
  • Bombarderos: Son los globos, te sirven de defensa nomas, ya lo probe. Si te estan atacando y tienes bombarderos y el enemigo no tiene girocopteros , tus bombarderos atacaran las unidades de tipo Artilleria. Ojo solo te sirven al defender nomas, no las traigas a una batalla porque si tu enemigo tiene Giros, hara picadillo tus globos y por gusto encima. Ademas te demora 30 minutos en llegar a la base enemiga. En Resumen usalo en DEFENSA nomas.
  • Medicos y Cocineros: Aqui lleva la mayor cantidad que puedas, mientras mas, mejor.
El truco en esta version si vas a enfrentarte en un 1 vs 1, es tener la suficiente cantidad de unidades en cada rol para ganarle a tu contrincante. Es decir si tiene la misma cantidad de Infanteria Pesada, pero tienes mas infanteria ligera, con el tiempo tu venceras. Excepciones a este caso son las Unidades de Rango, tener mas que tu enemigo no te hara ganar la batalla (Pero ojo necesitas TENER unidades de rango, el numero suficiente como para llenar todos tus casilleros de unidades de rango, unos 300 en una batalla grande) .

Aqui a pesar que el enemigo tiene mas Pesados, yo ya le gane en -ligeros, en el siguiente moviminto gane la batalla.

En las batallas que tuve, perdi mas unidades que el enemigo pero aun asi gane. Las batallas se ganan cuando uno de los bandos pierde mucha mas tropa que el enemigo. Es por eso la importancia de los roles. De hecho ahora que lo pienso, la infanteria ligera juega el rol mas importante en esta version, gana con la ligera y ganaras la batalla.

Para lo que son batallas entre muchas personas, aqui gana quien traiga mas jugadores aliados. Cuando viene un jugador aliado, sube el nivel de moral entre tus tropas, por ende el enemigo pierde mas tropas y se rinde. No importa que tu aliado traiga 200 hoplitas, lo importante es que venga.

Creo que con las explicaciones de los roles queda bastante claro porque Ikariam no es un juego de estrategia en un 1 vs 1. Siempre ganara:
  • Quien traiga mas variedad de tropa a la batalla.
  • Quien gane en el rol de Infanteria Ligera.
Y en VS ganara quien:
  • Traiga mas aliados.
No hay mucho que pensar en Ikariam, simplemente cumple con los puntos expuestos aqui y gana tu pelea.

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

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

Drupal, para Juegos Web?

Publicadas por Jee Ba


Ademas de Desarrollador de Videojuegos Casual, soy tambien desarrollador de Sistemas webs, y en mis recorridos por buscar herramientas que faciliten el trabajo, encontre un Sistema de Control de Contenidos (CMS por sus siglas en gringo) o quizas seria mejor decir, un MetaSistema de Control de Contenido llamado Drupal.

Un Content Management System (CMS otra ves) es un sistema que te permite ingresar contenido a algun sistema de una forma sencilla. Piensen en Blogger, donde creas entradas de Blogs que es en si "contenido", o tambien Wikipedia donde cada entrada es "contenido", wiki tambien es un CMS.

Lo genial de Drupal es que no es en si un CMS, mas bien piensenlo como piezas de lego que te permiten crear un CMS. Estas piezas son llamadas Modulos y con los modulos adecuados tu podrias crear desde un carrito de compras a un blog. La variedad de Modulos es increible y lo mejor es que cada modulo esta interconectado con los otros Modulos, dandote lo que llamaria Supercombos de Modulos, ademas cada modulo tiene submodulos que te permiten ampliar el modulo. Y todo perfectamente calculado para que no haya problemas con instalar muchos modulos, es mas instalar muchos modulos es lo que tienes que hacer para que funcione Drupal

Algo asi de emocionantes son los Kombo en Drupal , y si es el Guason peleando contra Subzero, imagen pirateada sin verguenza de WePlay360, sin rencores muchachos pero su foto es excelente, denle una visitada a ese blog.

Lo Interesante
¿Ahora que tiene que ver Drupal con crear un PBBG? Pues casi todo, en Drupal todo contenido es conocido como un nodo. Y con ciertos modulos como el CCK tu puedes definir modulos. El ejemplo clasico es el nodo pagina de blog, que, ademas del texto e imagenes contiene, un titulo, un autor una fecha, y metatags asociados. Ahora que pasaria si creamos el modulo Unidad, que contiene digamos el poder de ataque, sus puntos de defensa, cuanto de vida tendran ademas de su nombre?


El nodo tipo Blog y usando CCK podriamos crear el nodo tipo unidad


Ok podemos crear un nodo Unidad,pero, ¿ y como lo usamos? bueno es ahi donde uno debe de hacer un poco de research. Por ahi vi un modulo llamado Trigger que realiza una accion cuando le pasa algo especifico a un modulo.

Otra de las joyas que vi por ahi es el modulo Openlayers que en resumen te permite crear mapas ala GoogleMaps, imaginate Tiles de tu mapa creado con la facilidad de Openlayers, esto en combo con tus nodo tipo unidad. Como nota especial ese modulo es en si un port a la libreria en javascript llamada tambien Openlayer que ya de por si esta interesante.

Cheken tambien el proyecto RPG en Drupal, son un conjunto de modulos que te podria ayudar a crear un juego RPG,aunque no lo he probado aun, y derrepente esta un poco desactualizado, pero sin duda te puede dar una idea de que hacer.

Mencione tambien que Drupal viene integrado con un sistema de control de usuarios demasiado bueno para ser real?. Manejo de Roles y creacion de usuarios de todo tipo. Cada rol puede ser definido tan finamente que haria sonrojar a un perfeccionista. Y eso que no he mencionado la seguridad en Drupal, Oh!! la Seguridad....

Drupal ES Seguridad, hell, tienen un grupo de vigilantes de codigo llamado Drupal Security Team que se encargan de descubrir problemas de seguridad en Drupal, modulos varios,y hasta los temas (digamos el skin de un Sistema Drupal )!!!, ellos tienen el poder de eliminar Modulos de Drupal si consideran que el modulo tiene graves defectos de seguridad!!!. Esto es Madness, muy buen madness =).


Vean la placa y diganme si no estoy siendo lo suficientemente enfatico respecto a la seguridad en Drupal. Imagen sacada de este blog (ingles) . Lean la historia y sientanse seguros

Ahora viene los puntos en contra
Drupal por supuesto tiene sus contra respecto a la creacion de juegos. El primer contra es que su curva de aprendizaje es bien inclinada, con tantos modulos por concoer, ademas de la posibilidad de crear tu propio modulo, no es para impacientes definitivamente. Claro que si lo aprendes no solo podras crear juegos sino sistemas Webs completos. Alguien dijo ERP?

Lo otro es la menor velocidad y los recursos extra que tendra que consumir tu Host. Es simple de verlo. Para que todos los modulos puedan hablar entre ellos es necesario una especie de Middleware (que seria el Core de Drupal) que permita a los modulos conversar en forma segura entre ellos. Esta capa extra da a los sistemas Drupal ( y bueno cualquier framework de cualqueir lenguaje de programacion, asi que Drupal no es el unico pecador en esto) mas tiempo de procesamiento. No esto seguro que tan lento se volvera el sistema comparandolo con una programacion mas directa, quien sabe hasta quizas sea mas rapido pero si he leido historias sobre como mezclar modulos puede llevar a ciertos bugs de eficiencia.

En fin...¿ quien se anima a desarrollar un juego en Drupal?

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

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

Arsenal del Dev: FirePHP

Publicadas por Jee Ba


En el desarrollo de juegos PBBG, el combo Javascript + PHP es un ejemplo clasico de como crear tu juego. En el lado Javascript tienes al poderoso Firebug que te ayuda excesivamente a debugear tu fabuloso y egocentrico codigo. ¿Pero que hay de PHP?

¿Hay vida despues de hacer echo en cada variable que quieras conocer su contenido ? Pues la forma general de debugear es mediante alguna extension a tu servidor apache como Xdebug, o quizas torturarte un poco tratando de instalar todos los requisitos para el Zend Debugger, que aunque es una excelente herramienta, seamos sinceros, no es nada sencillo de instalar y usar.

Pero hay luz al final del camino, hijos mios, y esta luz se llama FirePhp. FirePHP es una extension de Firebug que te permite, entre muchas otras cosas, ver el estado de tu variable/array/objeto en la consola firebug, muy util para debugear llamadas de AJAX, y lo mejor de todo esto es que la instalacion es demasiado sencilla para ser verdad.

Requerimientos de Instalacion

  • Mozilla Firefox
  • Extension Firebug de Mozilla
Pasos de Instalacion
  • Bajate la libreria de FirePhp en cualquier parte de tu proyecto. (Basicamente son otros archivos PHP)
  • Pon este codigo al comienzo del archivo donde quieras probar Fire PHP:
                      require_once('Direccion/de/FirePHPCore/FirePHP.class.php');
$firephp = FirePHP::getInstance(true);
  • Y Listo comienza a usar Firephp de esta forma:
                     global $firephp;
$firephp->log($unArregloXEjemplo);


Aqui la respuesta del Server en la Consola

Aqui la respuesta del Server, se muestra en la pantalla

La funcion log es una de muchas que tiene firebug, recomiendo se lo instalen, ayuda demasiado

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

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

Google Closures, Nueva libreria javascript, que parece java

Publicadas por Jee Ba


Por la excelente lista de correo de Sitepoint, me puse al tanto del nuevo framework javascript de google, Google Closures. Despues de la novedad de su propio lenguaje de desarrollo llamado Go, Google esta con bastantes sorpresas estos ultimos meses.

Google siempre se caracterizo por sus excelentes servicios webs como google docs o gmail, y tambien por sus deficientes interfaces (vamos, quien me puede decir que google docs es user friendly?) . Asi que no sabia que esperar de un framework javascript hecho por google, asi que.. a embarrarnos de google...

Como sabran soy fanatico de la libreria Jquery, simplemente hace las cosas bien y de una forma simple. Asi que usare Jquery para comparar a Closures. Esto a mi parecer, es una justa comparacion.

Empecemos por lo mas obvio: el Hello World de Closures

goog.require('goog.dom');

function sayHi() {
var newDiv = goog.dom.createDom('h1', {'style': 'background-color:#EEE'},
'Hello world!');
goog
.dom.appendChild(document.body, newDiv);
}

A) goog.require('goog.dom');
Notaron esa funcion require() ? Es parecida al require de php, solo que inserta el codigo "ala" Ajax, . Esto puede ser bueno, porque tu pagina sera, en el mejor de los casos veloz, ya que tu codigo se inserta despues de que la pagina finalice de cargar, como hacer una llamada Ajax pero a tu codigo. Es parecido a la funcion getScript de Jquery, solo que lo tienes que usar de forma obligatoria. Esa libreria goog.dom carga funciones necesarias para manipular el DOM de tu pagina, pero no es la unica libreria, en total deben de haber mas de 50 archivos js que componen este framework.

Ahora goog es una variable publica, espero que la unica variable publica que tenga.

b) var newDiv = goog.dom.createDom('h1', {'style': 'background-color:#EEE'}, 'Hello world!');

¿What the heck? Aqui es donde todo esto empieza a decaer. quizas porque Jquery me maleduco con la facilidad con la que puedes crear un objeto DOM, e insertarlo donde quieras, pero esto me parece demasiada verbosidad. Serio, en jquery harias algo como esto:

$('body').html("pon un tag h1 con su style background-color:#EEE");
Y eso seria todo, definitivamente esto me lleva a pensar que la curva de aprendizaje de Closures es recontra alta en comparacion de las suaves caricias que te da Jquery al aprenderlo. ¿Sera necesario aprender otra libreria de javascript, realmente Closures brinda algo que las demas librerias no brinden?

Quizas si, chekando su API, me di cuenta de algunas cosas como la implementacion de la Comunicacion bidireccional que usa gmail, cosa que tambien tiene la libreria Dojo y estoy seguro que debe de haber un plugin para jquery de esto. Y aqui es donde Closures gana puntos extras: Tiene bastantes plugins ya creados y principalmente probados y testeados, cosa que en jquery no hay. Aceptemoslo,jquery tiene plugins geniales, pero son pocos en un mar de herrores ( con h de horror).

Puntos en contra de Closures son ciertos problemas de seguridad y bueno esta version al parecer no es compatible con otros frameworks, ni tampoco es compatible con Dmitry Baranovskiy,(si, pun intented!) el mitico creador de Raphael, solo lean el raje que hizo en la conferencia "Edge of the Web", realmente se puede sentir el odio hacia google closures en las letras.

En fin Google es una marca y como muchos dicen, sera el logo de google el que impulse este nuevo framework, tiene cosas buenas y como todas las cosas nuevas tiene tambien sus enemigos. Espero me den noticas de Aplicaciones creadas con este nuevo framework, que ademas tiene un compilador y una fabrica de templates. La pregunta es: ¿Sera bueno para Juegos Web?

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

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

Se viene un gran cambiazo!!!

Publicadas por Jee Ba

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.
Abra un cambiazo de colores
  • 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.
Aqui un mockup rapido de como sera esr version. Podras usar Drag&Drop paramovilzar tu ejercito

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

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

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

Como seguir este blog

Publicadas por Jee Ba

Bueno ante la pregunta de Eversor sobre como seguir este blog y cualquier otro de blogger. Encontre una forma simple de hacerlo y consta de dos pasos:

a) Obtener una cuenta de google, la pueden obtener creando una cuenta en gmail por ejemplo.

b) Hacer click en SEGUIR en la barra de Blogger:

Lo curiosos es que recien me doy cuenta de que tengo ese boton, medio oculto nomas el condenado ^^.

Estoy investigando alguna manera mas directa al correo de como suscribirse al blog. En fin si alguien conoce alguna manera con blogger , paseme la voz

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

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

Nueva Version 0.6.6 con graficos en movimientos

Publicadas por Jee Ba

Uauuu.. despues de mucho tiempo que no saco una nueva version, pero esto cada vez se pone mejor. Estuve probando un poco esto del SVG, que es un tipo de archivo grafico que puedo crear dinamicamente con javascript, cuadrados,redondos, poligonos, y no solo eso, tambien puedo hacer que se muevan y cambien de forma. Lo malo es que hacerlo puro en javascript es algo medio recargado de hacer, lo bueno es que existe una libreria llamada Raphael que facilita enormemente modificar el SVG.

Tienen que probar la habilidad Metacañon, espero les guste

Y bueno esta habilidad, lanza una esfera que cambia de color haciendo el doble de daño a todas las unidades que se encuentren en la linea de accion. Me llevo un poco de tiempo crear las funciones necesarias que hagan posible esto. Ademas que los reportes antes funcionaban para una accion de una unidad contra unidad, no una unidad contra varias unidades, pero ya esta modificado para que funcione bien.

Lo interesante es que Raphael funciona bien para IE6, increible, y aunque no lo crean he tenido problemas con Google Chronme y el SVG, pruebenlo ustedes mismos.

Lo siguiente es crear ya usuarios para llevar un control y estadisticas, y hacer este modulo de batallas un juego por si mismo. Eligen una unidad, la posicionan en el campo de batalla y se enfrenten contra la maquina o contra algun jugador online.

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

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

¿Que carambas paso aqui?

Publicadas por Jee Ba

Bueno revisando la version colgada en internet de Xeno me di cuenta de que movieron una unidad en una posicion imposible de poner:

Oh my god me siento hackeado =P.Chekeen la unidad amarilla, sus proximos movimientos estan en la esquina de arriba pero aparece abajo la muy bandida.

Bueno, en la version actual el juego es muy facil de hackear, basta con usar creativamente el firefox y zam, la unidad aparece en donde no deberia aparecer. Eso no me preocupa mucho.

Lo que si me preocupa bastante es que no sea un hack, si no un bug del juego. El que sepa como llego esa unidad ahi en esa esquina, haga un comment de la atrocidad cometida , jeje.

Y bueno eso me recuerda una ley fundamental de cualquier pagina web: Desconfiar siempre del INPUT del usuario. Y lo otro creo que llego la hora de crear un foro para tener en cuenta cualquier bug, aunque recien lo pondre online cuando tenga la posibilidad de crear usuarios.

Weee.. esto es lo primero que me sale al poner lusuario XD

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

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

Arsenal del Dev: Firebug II: Javascript y AJAX

Publicadas por Jee Ba

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.

Aqui mostrando los parametros q se envian al server

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

Si, es lo que te bota el Blogger cuando estas creando un nuevo post, y si estoy debuging este mismo articulo =P

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

El Rincon del Tauren fue mi primera pagina web. A veces no aparece donde se ingresa el codigo, haganle click a esa flecha y listo

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 ;)

La ultima linea en la consola,me muestra lo que tiene la variable armies. Si le hago click, puedo ver mas halla de lo evidente, Thundercats ohhhh. Este ejemplo pueden correrlo en mi juego


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.

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

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

Arsenal del Dev: Firebug I: Navegacion HTML

Publicadas por Jee Ba

Y para coronar mi regreso aqui un pequeño tutorial sobre esta gran herramienta. Este Plugin de Firefox es vital para cualquier chango que quiera desarrollar Paginas Web, incluyendo por supuesto Juegos Web. ¿Y que es lo que hace esta magica herramienta?, Que es lo que no hace deberian de preguntarse. Empezare por lo mas basico:

1) Modificacion de tu HTML
A veces te pasa lo siguiente: Tienes tu HTML generado de forma dinamica y para ver el resultado tienes que ver el codigo tal como te bota en blanco y negro y posiblemente muchos TAG aglomerados en una sola linea, simplemente brutal.


Agradezcan que Fierfox te colorea el codigo siquiera. ¿Han tratado de ver el codigo en IE6?

Con Firebug no solo puedo pasearme por el codigo HTML como si fuera un dia de campo y verlo todo coloreado resaltando los datos de los atributos, tambien puedo modificarlo, cambiandole el texto, añadir nuevos atributos, es mas puedo eliminar Tags completos solo por el gusto de ver que pasaria si elimino esa molestosa ventana flotante o ese quisquilloso DIV que me esta tapando la informacion.


En la parte de Abajo podemos apreciar el navegador de HTML. Rojo y azul excelente!

2) Selector de HTML
Ok ya tenemos nuestro navegador de HTML, ahora digamos que tenemos un tag que esta que molesta la vista, y tambien digamos que tu HTML es de 15k, asi que buscar nodo por nodo va a ser toda una travesia. Pues esos problemas se acabaron, haciendo un click en la pantalla puedes navegar hasta la parte del codigo donde aparezca ese elemento DOM que buscas.


Solo seleccionas la herramienta Inspeccion para anvegar a travez de tu pagina web


3) Cambia tu CSS al vuelo
Ok ya tienes seleccionado tu etiqueta, haz probado eliminarla y se ve bien. ¿Que sigue despues?. Manipula tu CSS on the Fly!!!. ASi es con firebug puedes cambiar tu CSS y ver los cambios al instante, sin necesidad de estar entrando una que otra vez a tu archivo CSS y presionando F5. Tan solo seleccionas tu propiedad y empeizas a manipularlo. Y si eres de gustos exigentes puedes crear nuevas propiedades a cualquier elemento.


Cambiandole el estilo a mi editor de Blogger. ¿Ven como aumente los bordes?

Destilado de Awesomeness en este debugeador web. La siguiente entrada hablaremos un poco sobre javascript y ajax asi que stay tune .


PD: Obviamente este plugin solo funciona para Firefox, aunque hay varios debugers que tratan de funcionar asi de bien en otros navegadores.

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

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

Ya estoy de vuelta

Publicadas por Jee Ba

Bueno de vuelta al ruedo, a seguir dandole duro al juego. Justo ahora ya es casi un año de desarrollo del juego y bueno tenemos la parte basica del modulo de Batallas. No lo he avanzado tanto como hubiera podido pensar en un año, pero tampoco le di su debido tiempo/espacio en mi abultada agenda (siempre salen pelis nuevas, algun que otro trabajo). Eso si ahora con mas ganas de escribir en mi blog ademas de poner la parte de IA en el juego, que es un obetivo primordial.

Y bueno para los curiosos, estuvo en Abancay, en la region de Apurimac,Peru, dictando un interesante taller sobre Desarrollo web 2.0.

Promocionando gratuitamente mi empresa =D

Me quede con ganas de regresar a Apurimac. De verdad y aunque suene trillado, las palabras no bastan para describir la felicidad que uno siente al despertarse todos los dias viendo el verde de los cerros cercanos. El aire es limpio, la ciudad aunque pequeña es recontra segura y aunque no muy movida, tiene lo justo y necesario como para pasar unas vacaciones de 15 dias sin haberlo visto todo.

El parque/plaza Micaela Bastidas, la gente es fanatica de esta heroina por ahi. Yo estuve en un hotel al frente de la estatua. No se ve en la foto :(

Otra cosa que me encanto de Abancay es el clima templado/caluroso, justo el toque perfecto de calor como para no sentirte un alimento andante en una sarten de pavimento.

¿Mencione el Chicharron de chancho? pregunten a un taxi por la cabañita, demasiado bueno y generoso.

En fin no solo de codigo vive el Developer, que bien me cayo salir de la rutina.

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

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