La proxima semana es la defensa de mi tesis, al fin todos los papeles estan en regla y el borrador de tesis finalizada. Por supuesto esto significa al fin mas tiempo para mis intereses, como el desarrollo del juego, que estuvo offline por 3 meses pero ya resucito.

Entonces solo hay que esperarar a que la defienda excelentemente y de ahi, a continuar el juego

Que novedades vendran por aqui

• Continuacion del tutorial de desarrollo de juego
• Mas actualizaciones de Xhelos
• No se que otras cosas que desearian?

Novedades en Xhelos?

Pues me centrare en la parte de conquista de territorios y obtencion de recursos. Debe de estar balanceado, de tal manera que cree en el juego la necesidad de luchar.

Otra cosa que se vendra sera ganar experiencia y puntos bonus para las unidades, muy al estilo de la promocion de unidades en Civilization 4.

Y Bueno a continuar con lo bueno!.

Saludos!

Bueno como alguno de ustedes sabra, estos ultimos meses estuve preparando y finalizando mi plan de tesis para graduarde de Ingeniero de Sistemas. Ya estoy en la ultima parte de la tesis y necesito pedirles su ayuda con algo.

Mi tesis trata acerca de la inteligencia artificial para Xhelos, y como parte de la misma, necesito validar el funcionamiento de la IA con jugadores humanos reales.

Para esto he creado un formulario en wufoo donde podran llenar las 5 cortas preguntas que necesito para validar el juego.

Entonces los pasos a seguir son:

1) Entras a xhelos.com , create una cuenta si no tienen una, y juega hasta que ganes o pierdas una partida

2) Cuando hayas terminado, entra a este cuestionario en wufoo y rellena el cuestionario. Rellena segun tu parecer el formulario y listo!. Me abras ayudado un monton con el juego.

Mientras mas cuestionarios tenga listos, mas rapido finalizare mi tesis y asi tendre mas tiempo para poder desarrollar Xhelos. Cualquier duda o consulta deja aqui tu comentario.

Los espero!

Despues de un minibreve descanso en el juego, Xhelos esta de vuelta. Por ahora me queda terminar un minitutorial de la parte de batallas para los nuevos jugadores y finalizado esto, continuar con el desarrollo hasta sacar la version Beta del juego.

Nos veremos pronto en el juego

Bueno como algunos podran notar, la pagina de Xhelos se encuentra temporalmente fuera de servicio. Segun mi antiguo Host (cuyo nombre no dire) me dicen que hay unos problemas de DNS y que eso esta afectando el Hosting. Bueno no se si creerles o no pero se que voy a cambiar mi host por uno nuevo.

Asi que señores les tengo una duda, que Host me recomiendan para mi juego, que sea bueno bonito y que tenga una atencion de primera. (No necesito que sea barato!). Al comienzo solo requiero de una cuenta de Hosting Normal, pero despues necesitare que s epueda upgradear facilmente a un VPOS.

Me gustaria conocer sus opiniones al respecto!

Saludos!

Estaba yo feliz de la vida, haciendo los ultimos cambios en el juego (manejo de recursos), cuando me di cuenta que hay algunas cosas que realmente no aportan nada divertido al juego. En mi caso se trata de la transferencia de recursos de colonia a colonia.

Esto tiene mucho sentido en la vida real, si te falta recursos en una colonia, y te sobran recursos en otra, entonces simplemente haces una transferencia de recursos.

Juegos como Ogame o Ikariam manejan este tipo de situaciones mediante el transporte de recursos. Tipicamente seleccionas cuantos recursos quieres enviar, seleccionar el lugar donde quieres enviarlos y listo, a esperar una eternidad a que llegue.

Pero, ¿Es divertido mover recursos?
Que lance la primera piedra quien piense que mover recursos de un sitio al otro aporta algo divertido en un juego. A mi personalmente me ofende, especialmente cuando tengo que mover los recursos dentro de mis colonias. Enviarlo a otros jugadores por supuesto es algo valido. Pero porque tener que mover los recursos dentro de mis propias colonias, ¿Sera para darle realismo al juego?, y desde cuando un juego tiene que ser real?, no es acaso innecesario y una perdida de tiempo?, no deberiamos de estar enfocados en la partes mas interesantes del juego?

Recursos Globales, la solucion a todos nuestros problemas
Mi solucion es simple. Todos los recursos que obtengas les perteneceran a todas tus colonias. Cada ves que actualices una mina o una construccion que te brinde mas recursos en una colonia, este aumentara tu pozo global de recursos, en lugar de aumentar el pozo de la colonia. Asi todas las colonias aportaran al pozo global y todas las colonias podran disponer del mismo cuando lo requieran.

¿Y que pasa con los saqueos?
Muchos juegos manejan los saqueos, la accion de atacar una colonia enemiga para obtener sus recursos. Fue lo primero que se me ocurrio en contra de mi metodo. Bueno hay formas de solucionar esto muy interesantes.

• Primero se podria dividir los recursos saqueados entre el numero de colonias que manejas. Asi por ejemplo si tienes 100 piezas del recurso A y tienes 2 colonias, entonces saquearias 50 piezas del recurso A si atacas una de las colonias
• Otra opcion interesante es que las colonias manejen niveles, mientras mas alto el nivel de la colonia, mas recursos podras saquear de la misma. Pongamonos en el anterior caso, si tuvieras 100 piezas del recurso A, y tuvieras 2 colonias, una en el nivel 60 y otra en el nivel 40, entonces si atacas la del nivel 60, obtendras el 60% de los recursos actuales.

Que opinan ustedes?
Salvo en contadas ocasiones ( transferir recursos entre jugadores) mover los recursos de una ciudad a otra no te beneficiara en nada a tu juego. El hecho de que otros juegos lo hagan no significa que este bien. Pero por supuesto me gustaria conocer que opinan acerca de esto!. Hay alguna situacion que amerite mover recursos entre tus ciudades/colonias? Ya sabemos que es aburrido, pero quien sabe, derrepente hay algun razonamiento valido sobre el porque de esto en otros juegos.

Un pequeño update del juego, he terminado de desarrollar la creación de equipos en Xhelos. Esto permite agrupar a tus unidades en un equipo y mandarlas a la region que desees.

Esto permitira ordenar un poco mas el juego en lo referente a movimiento de unidades.

¿Y Que sigue en Xhelos?
He decidido que para llegar a la fase beta del juego, es necesario definir las ultimas partes necesarias para que el juego este completo. Son 5 puntos a tener en cuenta:

a) Actualizacion de Recursos por region: Cada region genera recursos conforme pase el tiempo como todo juego web de estrategia. Esto requiere tambien definir algunas construcciones basicas para la obtencion de recursos lo que nos lleva al punto b:

b) Construcciones del juego: Aparte de las construcciones para la obtencion de recursos necesitamos lo basico para diseñar y generar unidades, que nos lleva al punto c:

c) Diseño y Generacion de Unidades: Mi objetivo siempre fue que puedas mezclar diferentes piezas para crear una nueva unidad, util para tus necesidades, para esto necesitamos una interfaz facil de usar donde puedas diseñar unidades, realmente este es el punto que me va a llegar mas tiempo, pero es necesario para el bien del juego.

d) Mover equipos de un planeta a otro, inclusive de una estrella a otra: Tengo algunas ideas al respecto, esto sera basado en el control de portales o que te lleven de un lugar a otro, aunque posiblemente para simplificancion del juego, podras mandar tus unidades donde quieras.

e) Puntajes en el juego: Es lo principal en un juego, si no coloco puntajes, no vendra ningun jugador, a futuro se planean otras opciones aparte del puntaje general, pero esto es lo basico.

Y asi amigos, una ves completado todos estos items, empezare a hacerle publicidad al juego, para atraer una cuota interesante de jugadores y hacer las respectivas pruebas en la fase Beta del juego. Por supuesto tendre en cuenta a aquellos valientes que crearon sus cuentas antes del Beta!

Ustedes lo pidieron, aqui lo tienen, Xhelos en toda su (bien) colorida gloria.
Esta nueva actualizacion solo trata de pura, dulce y sexy mejora de interface, solo denle una mirada a esta imagen y diganme que no se les hace agua a la boca:

Ademas jugarlo es un placer. No solo se ve bien, jugarlo te hace sentirte bien. Prueba seleccionando alguna unidad y deja que el mapa se centre automaticamente en la unidad con un suave movimiento de camara.

Y bueno resumamos las mejoras

• Visor de turnos, ahora podras darte cuenta a que unidad le toca el turno actual y quienes siguen en la cola de espera. En la imagen de ejemplo tenemos a nuestra artilleria con el turno actual, seguido de la artilleria enemiga acechandonos.

• El mapa se mueve suavemente al seleccionar una unidad. Asi es la camara se centra en la unidad con el turno actual, ya sea amiga o enemiga, tan solo de ver esta transicion ya me da ganas de jugarlo de nuevo.

• Ayudas en todo el sitio, pon el puntero del mouse donde tengas dudas y aparecera una ayuda en fondo negro explicandote de que trata la cosa, todas las acciones tienen estas ayudas, los estatus de la unidad, hasta los botones de cheats tiene ayuda!

Y ahora que sigue?
Bueno ahora que esta mas amigable al usuario, nos enfocaremos en la parte de recursos para darle mas forma de juego de estrategia a Xhelos. Asi es, a futuro tendremos construcciones regionales que nos permitiran sacar recursos y asi conquistar los diferentes mundos.

Una mirada al pasado
Bueno para los que recien llegaron a Xhelos, aqui les dejo una imagen de lo que fue en antaño la antigua interfaz de batalla:

Cuando empece a desarrollar Xhelos, lo hice manejando una cierta estructura con aun mas ciertos estandares. Es muy importante definir una cierta forma de trabajo al comienzo, aunque duela escribir un poco de mas. Esta profecia la veran cumplida cuando ya esten trabajando en su codigo unos 3 meses y sepan donde dejaron ese objeto en PHP que andan buscando.

Manos a la obra
Lo que voy a enseñar ahora no esta grabado en piedra. Pueden relizar las variaciones que deseen pero siempre, por amor a todo lo que es sano y puro en este mundo (ja), tengan una estructura en su juego. Lo que vamos a hacer a continuacion es definir como sera la estructura de los archivos de su juego. Primero algunos estandares en general, luego la estructura propia de los archivos.

Estandares en General
No, no se asusten, son solo unas cuantas reglas que tendremos que seguir para vivir en paz con nuestro codigo. Las cuales son:

• Todos los archivos son escritos en minuscula
• El tamaño del nombre de los directorios deben de ser maximo de 3 letras. Por ejemplo imagenes se convierte en img (o ima como deseen)
• Si programamos con orientacion a objetos entonces cada clase debera de estar en un archivo diferente, que empezara con su nombre en minuscula, seguido de un. class. Por ejemplo la clase player estara almacenada en el archivo player.class.php
  

Estructura del Directorio del Juego
Cualquier juego web que deseen hacer, ya sea un RPG, uno de estrategia o algo mas depravado, van a necesitar almacenar archivos de imagenes, codigo de javascript y hojas de estilo, muy aparte del codigo del juego mismo. Por lo que aqui les brindo una posible estructura del juego.



De nuevo, esto es no esta grabado en piedra pero puede darle una base de como deberia de estar su codigo. Ahora les explico cada una de las carpeta

• ajx: Aqui almacenamos todas los puntos de acceso de Ajax (si es que usamos ajax por supuesto). Si no sabes lo que es Ajax, no te preocupes ya lo veremos con ejemplo, pero tengan por seguro que no hay aplicacion web moderna que no use Ajax de alguna manera u otra. En aplicaciones mas aburridas esto se conoce como web service, pero ese nombre me da letargo.
• css: Nada magico por aqui, esta carpeta almacenara todas nuestras hojas de estilo. Un punto muy interesante es que hay ciertos framework de css como jquery-ui que vienen con sus propias imagenes, o que tu misma hoja de estilo tenga imagenes. En este caso solo creo una subcarpeta dentro de css, tratando de no modificar nada de lo que el propio framework maneja.
• img: Aqui almaceno todas las imagenes del juego. Generalmente creo un monton de subcarpetas referentes a las imagenes como uni que viene a ser units o ter que viene a ser terreno. Ojo aqui no guardaremos imagenes que sean necesarias para la hoja de estilo, eso va en la carpeta css como ya lo explique.
• lib: En esta carpeta almaceno todas las librerias de codigo que necesite. Ademas aqui es donde estara mi propio codigo que desarrolle. Como ven la dividi en las subcarpetas js y php. En js pondre todo mi codigo javascript y en php todo mi codigo php (si, si esto fue demasiado obvio :P ) . Como nota aparte yo trabajo con la libreria jquery, la cual viene con sus propias extensiones. Yo prefiero separar de js lo que es de jquery (que es una libreria de javascript) pero para el juego lo meteremos todo dentro de la misma carpeta
  
• vis: Esta carpeta contendra lo que yo llamo vistas, que vienen a ser mezclas de PHP y HTML que son reusadas en todo el juego, por lo cual conviene almacenar esto en un solo lugar e insertarlo con un include(), en lugar de estar copiando y pegando en todas nuestras paginas webs. Un caso muy obvio de vistas viene a ser los menus del juego.

La estructura esta lista pero, y ahora que sigue?
Bueno ya con nuestra estructura lista nos toca crear un poco del codigo para probar nuestra estructura. Lo que haremos sera facil, crearemos una pagina inicial y le pondremos un menu y un formulario de registro/login. Veamos

Crear la pagina inicial
Para hacerlo entramos al Netbeans y hacemos click derecho en el nombre de nuestro proyecto, les saldra un menu donde seleccionamos nuevo->Pagina Web de PHP (ojo he dicho Pagina Web de PHP, no Archivo de PHP o Clase de PHP). Les saldra un panel como este:


Le ponemos de nombre index y aceptamos. Listo ya tenemos nuestra pagina inicial creada. Ahora hay que llenarla. Por ahora solo le colocaremos un titulo y un subtitulo, para esto utilizaremos el lenguaje HTML para crear estos items.

NOTA: Si no saben de que trata HTML les sugiero leer este tutorial. Pero basicamente HTML se trata de poner contenido dentro de unos items llamados etiquetas o tags.

Si eligieron la opcion correcta de Netbeans les aparecera algo parecido a esto:


Como ven, NetBeans nos ha creado la estructura normal de un archivo HTML. Ademas en el BODY nos ha insertado las etiquetas de PHP donde podremos escribir codigo PHP que por ahora no lo haremos. Escriban lo siguiente antes de los tags de PHP:

Asi es, el nuevo juego lo llamaremos Insectoides y el titulo esta dentro de un tag H1. El Subtitulo muy sugerente de "Battle Insectos de Batalla Redundantes" lo ponemos dentro de un H2. Ahora presionen F5 (gracias anonimo) y veran su obra de arte en un navegador:



Pondremos nuestro menu en un tag del tipo UL, este se utiliza para cuando usemos listas de cualquier cosa, en nuestro caso una lista de menus. Cada item del menu se coloca dentro de un tag o etiquieta LI. Hemos creado 4 tags LI, veamos que tal se ve!:

Porque se llama Index.php?
Regenial! Ya tenemos la estructura basica ( muy basica ) de nuestro archivo de inicio. Si te preguntas porque lo llamamos index a nuestra pagina web inicial la respuesta es facil. Por defecto nuestro WAMP (Que es realmente un servidor web Apache con PHP) va a ir a la pagina llamada index.php o index.html cuando ingresemos el nombre de nuestra carpeta. Eso significa simplemente que localhost/insectoide/ es igual a localhost/insectoide/index.php, como en la imagen:

UPDATE 02 dic 2012: Pongo el link del poderoso plugin de firefox colorzilla :)

A pasado algo de tiempo desde el primer tutorial, pero continuaremos con los mismos :).

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!

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!).

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.
  

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:

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.

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!

Como pasa el tiempo!, ya estamos Mayo y traemos buenas noticias al proyecto, lo presentamos en el Flisol Arequipa 2011!

Asi es, este sabado 30 de abril se realizo en diferentes partes de Latinoamerica el evento Flisol 2011, fui invitado al Flisol de Arequipa a exponer mi juego web. Base mi exposicion en 3 puntos claves:

• El funcionamiento del juego en si
• Las tecnologias Open Source usadas en el juego
• Introduccion a la Inteligencia Artificial del juego

La parte de inteligencia artificial fue una de las que mas impacto, y por supuesto esto ya esta online en el juego. Si quieres probar la IA del juego, entra a www.xhelos.com, logeate con el usuario Alpharius, clave Alpharius y entren a la region Beta 2, del planeta Beta, que se encuentra en el sistema solar Alpha Centaury.


En general la IA funciona en casi todos los planetas pero donde he probado exhaustivamente a sido en Beta2.

La Exposicion
Para los que estuvieron, colgue las diapos en slideshare. la pongo aqui para los curiosos!

Xhelos juego de estrategia

View more presentations from mrjeeba.

Saludos especiales a mis amigos Simon, Jose y Javier tambien expositor del Flisol. Tambien a IasoftGroup que me apoyo bastante en el proyecto. Espero haber cumplido con las expectativas.

El siguiente post es un poco de marketing personal, asi que estan advertidos mis pequeños padowanes.

La razon por este brevisimo lapos de no-actualizaciones del juego ni nuevos posteos en el blog, es porque desde el jueves 27 de enero hasta el sabado 29, asisti al Drupal Summit Latino 2011, efectuado en Lima, Peru.

No solo como un vil expectador si no tambien aproveche para exponer el super tema de Bootrapping con Drupal, del cual no soy experto pero me se alguito como para usarlo bastante en mi juego Xhelos.

Bueno me encanto asistir a este evento. Estuvo chevere y conoci bastante gente, era mas como una reunion de viejos amigos, cuando uno tiene algo en comun de que hablar, es mas sencillo esto de presentarse, y vamos que no soy de los Tios mas sociables que hay.

En fin aqui les dejo un link a las diapositivas que use para mi expo, cualquier pregunta sobre esto avisenme nomas y se las respondo. Saludos!

Bueno muchachos, ya que finalice la semana pasada el sistema de batalla por turnos del juego, ahora estoy tomandome un break, traduciendo la pagina oficial de Xhelos al ingles, aprovechando la buena cantidad de visitas que tengo desde el mundo entero gracias al concurso Game On (les mencione que no deben de olvidarse de votar por mi juego?). Y no no se preocupen tambien sigue en español. Pueden elegir el idioma que quieran

Ademas acabo de terminar el super tutorial del juego. Muchos de mis amigos me dicen que es un poco (mas bien recontra) dificil de entender, la razon es que el juego todavia no esta completo al 100%. Pero no se preocupen estoy al 50% de mi tiempo invertido en el mismo.

Saludos!

Actualmente tenemos muchisimas opciones de tecnologias webs que nos pueden ayudar a crear un juego web. Pero siendo esto un tutorial, les dire la receta secreta para hacer un juego, rapido, facil y lo mejor con muchas posibilidades para crecer.

Nota Importante: Al final explicare una forma sencilla de instalar todas estas tecnologias en casi un solo click, asi que no te preocupes por ahora si no sabes mucho de que esta tratando la cosa.

Lenguaje Principal de Programacion: PHP

Osea el lenguaje con que programaremos la mayor parte de la logica de nuestro super juego. Fuera de gustos personales, PHP nos da los siguientes beneficios

• Es gratuito y lo consigues facilmente
  
• Es muy, muy , muy facil de aprender.
  
• Es orientado a objetos, err nos da un mejor chance de tener nuestro codigo ordenadito y mantenible a futuro.
• Es mucho mas facil ponerlo Online que otros lenguajes. (Que servicio de hosting no maneja PHP?)
  

Otros lenguajes interesantes podrian ser Python, y nada mas =D . Es posible que sea por ignorancia de otros lenguajes que digo esto, pero de los 20 lenguajes de programacion que me se, nadie supera hasta ahora a PHP en facilidad de desarrollo para crear aplicaciones web, ademas como esto es un tutorial, y soy el amo y señor del tutorial, vamos a usar PHP.

La Persistencia de tu Informacion: Mysql

Necesitamos alguna forma de trabajar con los datos del juego. Cada ataque, cada personaje, cada mapa del juego tiene informacion, y esta informacion es cambiante. Ya existen tecnologias que nos permiten guardar, mostrar, eliminar y actualizar informacion, se llaman Bases de Datos.

La que usaremos, Mysql, es simple de usar y tienes un mogollon de tutoriales en internet. Mi base de datos favorita es otra, Postgres, el problema es que no es tan facil de instalar y no hay muchos servicios de hosting que usen Postgres, pero si el hosting es un problema, por amor a todo lo que es bueno y puro en este mundo, Usen Postgres!.

No se preocupen por ahora si no saben de que va la cosa hasta ahora, una ves que entremos a programar esto se entendera mucho mas facilmente.

La interfaz del Juego: HTML

Piensen en HTML como la parte visual de nuestra aplicacion, si Mysql me devuelve cuanto de daño hace mi espada y cuantos puntos de vida tiene mi enemigo, PHP cogera estos 2 datos y calculara cuanto de daño recibe mi enemigo, el problema es como le muestro a mi usuario visualmente que mi enemigo esta muerto, aqui entra a tallar HTML


HTML es un lenguaje de etiquetas, basicamente una etiqueta es cualquier cosa que este entre el signo <>, ahora HTML define sus propias etiquetas como div e img, que sirven para mostrar informacion en la pagina web.

OJO: Si buscan tutoriales de HTML pueden confundirse facilmente entre lo que es HTML4, HTML5 , tambien hay un XHTML, osea nos hacen la vida mas dificil. Je les aconsejo que busquen tutoriales sobre XHTML, con esto sera suficiente.


Colores y Sabores: Javascript, HTML y CSS

Bueno ya tenemos todo lo basico y necesario para crear un juego persistente. Lo unico que faltaria quizas sea mejorar la interfaz de nuestro programa, hacerla mas amigable al usuario.

• Css se encargara de maquillar nuesto HTML, le podnra colores, tamaño del texto, largos, anchos a nuestros sectores de la pagina y un largo etcetera.
• Javascript se encargara de la funcionalidad de la interfaz, si hago click en un sitio entonces se realiza una accion, esto lo hago con Javascript
• O mucho mejor, usen Jquery, se van a ahorrar un monton de problemas con jquery. Jquery es una libreria de Javascript que te permite realizar muchas cosas que hace javascrit pero de una forma mas sencilla.

No se preocupen estas tecnologias las veremos luego, por ahora solo es necesario que sepan que existen.


Muy bueno y ahora que hago?

Ya sabiendo las tecnologias que vamos a usar te enseñare una forma sencilla de instalar todo esto si estas usando Windows, en el caso de que uses linux ubuntu entonces puedes ver este tutorial en español. Si usas otro Linux dudo mucho que necesites algun manual, de hecho ya deberias de haber creado uno.

En fin les presento a WAMP. Wamp es un programa que te instala todo lo necesario para poder empezar a trabajar con PHP y Mysql en Windows Xp, Vista y 7. Simplemente descargatelo (tienes de 32 y 64 bits, sugiero usar la de 32 por mas que tengas un procesador de 64), instalalo (solo te preguntara que navegador utilizar) y ejecutalo.

Una ves instalado, y ejecutado te aparecera un icono en la parte de abajo donde podremos administrar nuestro WAMP, ese velocimetro aparecera en amarillo si todavia esta cargando, en rojo si tiene problemas, en blanco cuando esta en su estado normal para desarrollo, y en verde si es que lo haces publico para internet (pero no te preocupes siempre aparecera en blanco)

Una ves que ya este en blanco el velocimetro, entra a tu navegador favorito y andate a la direccion http://localhost, asi como lo ves sin www ni nada de eso, simplemente escribe http://localhost y listo, te debe de aparecer una pagina como la que sigue:

Esto es lo que aparece en la direccion http://localhost

Algo acerca de Paginas y Servidores Web
En realidad, cuando llamas a la direccion web localhost, estas llamando a un programa que se instala en tu PC con Wamp que se llama Apache Server. El Apache Server que te viene en Wamp te "crea" una direccion web llamada localhost que solo funcionara en tu maquina.
Enteder como funciona esto es algo ligeramente complejo pero que no nos sera de gran ayuda por ahora, lo importante es solo saber que existe un Servidor Apache en tu maquina y que te permite acceder a la direccion localhost cuando tu wamp esta activo.

Otra cosa, esta version de Apache Server viene con soporte para manejar el lenguaje PHP por defecto, genial asi no tendremos que configurar nada.


Probando el PHP
Y ya para finalizar probaremos algo de codigo PHP, para ver que tal anda el funcionamiento de tu servidor web. Sigue estas instrucciones para maximo placer:

• Entra a la carpeta www dentro de la directorio donde instalaste wamp. Por defecto lo instala en c:/wamp, pero puedes haber elegido otra direccion, quien sabe. Esta carpeta es importante ya que aqui es donde pondras todos los archivos de tu juego.

• Crea con el block de notas o lo que desees un archivo llamado probando.php Es importantisimo que el archivo termine en .php y no .txt, ojo con eso guardalo con la extension .php y no con .txt, si no lo haces entonces no funcionara, el block de notas por defecto te lo guardara con .txt aunque le pongas .php si no seleccionas en Tipo: Todos los archivos
  

Primero le pones que termine con .php, despues le cambias a Tipo: Todos los archivos, y si te aparece la opcion de codificacion lo mejor es que uses UTF-8 Siempre.

• Ponle el siguiente texto a tu archivo recien creado:

Esta imagen te cambiara la vida!

• Entra a tu navegador y tipea http://localhost/probando.php, si te aparece algo como esto felicitaciones, eres el feliz dueño de un servidor web local con PHP.

Puedes ser feliz si ves esto

Y listo, ya tenemos todo lo basico para poder empezar a programar nuestro juego. Si eres nuevo en la programacion web estoy seguro que este tutorial te servira de ayuda. Si no no desesperes, el proximo tutorial hablare algo acerca de herramientas que nos hagan la vida mas facil para programar. En fin el siguiente tuto se viene la proxima semana! Hasta pronto

Hola bienvenidos a la primerisima parte de este tutorial. Como siempre hay que poner una introduccion para ver en que tipo de aguas nos vamos a meter. Esta serie de tutoriales no tienen un guion ya creado, simplemente iran fluyendo como las ondas en el agua (que Zen dios!).

La unica regla aqui es que iremos de lo general a lo particular, osea los primeros tutoriales podran ser aplicados a una extensa cantidad de juegos, mientras que los ultimos ya seran mas enfocados en cierto tipo de juegos, En fin empezemos el jouney.

Introduccion

Si estas leyendo esto es porque estas interesado en crear tu super juegazo de video, lleno de conceptos nunca antes visto en la historia escrita del planeta, el pequeño problema es que no sabes como hacerlo. No problem.

Hay juegos en muchisimas plataformas, muchisimos lenguajes de programacion y un mar navegable de probabilidades de que tu juego sea exitoso si le pones el empeño necesario. Y con exito no solo me refiero al vil metal, esto es secundario, lo importante de un juego es que sea divertido, y con esto pongo de ejemplo a uno de mis juegos favoritos Dwarf Fortress:

• Los graficos? : Cuales Graficos?
• La Jugabilidad?: Lindando con una consola de Linux
  
• Personal de desarrollo? Un dude y su gato llamado Scamp
  
• Divertido? Hell Yes! de heco el motto del juego es "Perder es Divertido", como superar eso mientras una manada de elefantes sedientos de sangre te espera afuera de tu Fortaleza, imposible.
  

Resumiendo: No te creas nada de las personas que te digan que necesitas cuchucientos millones de Euros/Dolares/Yens, un staff de 20 personas y un pacto secreto con Thor para que tu juego sea El Juego. Lo que si necesitas es quizas algo mas dificil de tener, algo que se llama constancia y que vas a necesitar en toneladas metricas. Y como obtienes la constancia? El unico truco que tengo, es que si te divierte seras constante, preguntenle a su drug dealer local, el me dara la razon, si te diviertes creando el juego, ya estas a un gran paso del exito!. En fin

Ahora si, la verdadera Introduccion al Juego
El juego que vamos a desarrollar sera un Juego Web Persistente. Y eso con que se come?:

• Web porque lo podras jugar entrando a tu navegador, Internet Explorer, Firefox, Opera , etc.
  
• Persistente porquede alguna manera almacenaras los datos de lo que este pasando en tu juego web.

Ejemplos de este tipo de juegos hay varios, el conocido Farmville, lo juegas en tu navegador y cuando entras a ver tu partida no empiezas desde cero, si no que empiezas con lo que ya has id avanzando en partidas anteriores. De eso se trata la persistencia.

Basicamente programaremos una pagina web, divertida.

Y el Tipo de Juego?
No tenemos ni idea ( tenemos dije, les presento a MontBlanc, junto con el, trataremos de no solo finalizar el tutorial, si no de crear un juego que sea minimo medianamente exitoso). Pero sabemos que sera entre un RPG y uno de Estrategia ya que por ahi van nuestras aficiones.

A que publico esta dirigido este tutorial?
El tutorial en estas primeras partes, seran de cosas muy basicas como para que la gente que no tiene ni idea de como programar o que es un teclado ( ya bueno, no a tal extremo) se les de un chance para ponerse al corriente, por supuesto no deben de olvidar que esto es un Tutorial, no una Guia de Hagalo Usted mismo, yo dare las bases, indicaciones de lo que funciona o no funciona y un par de enlaces de ayuda y el interesado investigara mas a fondo si ese es su querer.

Pero para los programadores mas hardcore, que ya saben como programar paginas webs, pero que no tienen alguna remota idea de como hacer para aplicar esos conocimientos en un juego, tambien vamos a tener contenido para ellos, estaran en las futuras partes del tutorial, donde veremos cada ves mas cosas tan abstractas que seran felices por siempre and ever.

Y eso es todo?
Si, ya con la idea de un juego web persistente, que sea una mezcla de rpg con estrategia, la siguiente parte del tutorial sera ver las tecnologias que usaremos, y sus respectivas escusas de porque las usamos. Nos vemos en la siguiente parte!

Señores ya se aperturaron las votaciones para el Mozilla GameOn. Cientos de juegos webs que usan lo ultimo de la tecnologia web estaran listos para su votacion y por supuesto Xhelos se encuentra entre los concursantes.

Superpasos para votar
Solo hagan click en el gran boton gordo que dice Vote Now, no hay pierde, si no tienen cuenta, el sistema les hara crear una y ya pueden empezar a votar. Por si las dudas soy el numero 20 y presento el juego Xhelos.

Muchisimos juegos que ver, muchisimos de verdad He contado mas de 200 juegos, no se como haran para probarlos todos, felizmente aparezco cerca al comienzo de la gran lista (OJO el link funciona si estas registrado nomas). Por lo mucho que he navegado he encontrado juegos en diferentes idiomas, frances italiano, aun n encuentro uno en español pèro seguro que hay.


En fin estoy seguro que muchos de ustedes van a tener un fin de semana larguisimo con tremenda lista. Happy Vote!

Mañana finaliza el concurso Game On, lo que me ha dado la excusa perfecta para darle mas fuerza a la programacion del juego. Esto y los santificados feriados largos que me han salvado la vida =D, gracias Santa!.

Alguien conoce de algun otro concursante latino?

No he visto a nadie aunque tampoco he buscado, pero seria interesante ver que otras propuestas se cocen por aqui. En fin mañana veremos que tal se porta lo de Mozilla Game On 2010

Entre otras noticias, la version 0.3 de Xhelos ya esta lista

Finalmente ya termine la base del sistema de batallas por turnos. La parte de batalla del juego es una vil pero sabrosa copia de Heroes 5 of Might and Magic, y algo de Final Fantasy (estamos hablando de las versiones circa 1995, osea el 6, 5,4 ). Ya pondre en un nuevo post de que trata esta version con un pequeño tutorial en la pagina. En fin pueden probarlo a placer, sin necesidad de registrarse ;)

Asi es, ya contamos con nuestro propio dominio para el juego. A partir de ahora el juego estara en www.xhelos.com , mas facil de recordar para los usuarios, y mas amigable a nuestro amigo google.

Ademas como ven hemos cambiado de nombre para bien. Xelos era un dominio muy usado, y dificil de diferenciar. Rajemos por un momento de nuestra competencia mas cercana al buscar en google xeno game

La competencia Indirecta:

Xeno Tactic: Es un juego en Flash , el tipico tower defense. Algo interesante para matar 15 minutos pero nada que ver con Xhelos. Lo unico parecido es su ambientacion SciFi, pero pasado los 15 minutos vas a necesitar algo mas harcore con lo que pasar el tiempo

Y practicamente todos las siguientes 5 paginas trata acerca de este juego. Asi que el nuevo nombre del juego se queda como Xhelos

Este año sale la version beta si o si

Los que han estado al tanto del juego sabran que estoy desarrollandolo desde Octubre del 2008. Hace mas 2 años que empece con el proyecto en mis tiempos libres, con algunos, ejem, baches por trabajo pero hoy mas que nunca estoy motivado a hacerlo realidad. Y creo que este es un buen consejo para los que creen en lo que hacen. El medio de los juegos webs es dificil, la competencia es ardua y continuamente cambiante, pero nada es imposible, aqui les dejo un ejemplo de como un juego creado como hobby es ahora ya un clasico. Les presento a Minecraft.

¿Todo es posible no?