Dragons Rise

Compila y nos vamos

2012-07-06T21:26:00.000-07:00

Desde hace un tiempo estoy metido en temas de programación móvil. En un principio programar para teléfonos celulares no era algo que me llamara mucho la atención, tenia la errada idea que era como programar para computadoras con capacidad (muy) limitada. Sin embargo me di cuenta que el entorno móvil es muy interesante, y en gran parte gracias que las aplicaciones móviles permiten crear experiencias que el usuario no puede encontrar en una aplicación web o de escritorio, con un poco de imaginación se pueden crear aplicaciones increíbles, divertidas y hermosas.

Es por esto que he decidido crear un nuevo blog enfocado en aplicaciones móviles. Le puse por nombre "Compila y nos vamos". Espero que puedan visitarlo y encuentren interesante su contenido, dejo el link a continuación:

Compila y nos vamos (www.compilaynosvamos.blogspot.com/)

Terra Fail

2011-08-12T22:48:00.000-07:00

Pero si jamás fue construido, cómo se hundió??...

Rinocerontes

2011-08-11T15:28:00.000-07:00

Esta imagen me pareció muy interesante:

Lección sencilla

2011-08-08T09:25:00.000-07:00

Juego: Portal 2

2011-08-06T21:31:00.000-07:00

Portal 2 es un juego diferente, basado en una idea sencilla pero muy divertida. Hace un par de semanas completé este juego y creo que cumple con las calificaciones que le dan en diferentes páginas de juegos (9.5/10 en Meristation y 9.6/10 en 3djuegos). La mecánica es clara, eres un sujeto de prueba en una instalación científica controlada por una computadora bastante sarcástica (aparentemente la trataste un poco mal en el Portal 1, lo supongo porque no lo jugué) y tienes que pasar por diferentes niveles o pruebas, las cuales tienes que completar haciendo uso un arma que abre portales que puedes atravesar para llegar de un lugar a otro (ver el vídeo adjunto para mejorar la explicación), claro que el juego no es prueba tras prueba, dado el momento tratarás de escapar, causarás más de un destrozo, molestarás a alguna computadora, etc etc. Probablemente lo que más me gustó del juego es su jugabilidad y originalidad.

Las gráficas del juego no son excepcionalmente buenas ni revolucionarias, ni nuestro personaje es muy carismático que digamos (el personaje es una chica que no pronuncia una palabra en todo el juego, además cuando se ve cómo camina es realmente triste... parece counter e incluso menos) pero el juego engancha lo que muestra que no se necesita una gran variedad de armas (en todo el juego sólo hay un arma y no sé si se le puede llamar arma) ni cantidad de personajes y enemigos (puedo contar con una mano el número de personajes del juego y me sobrarían 2 dedos). Hay que mencionar que las voces en inglés son geniales, el sarcasmo y personalidad de GLaDOS (así se llama la computadora que controla las instalaciones) es muy divertido, uno de los enemigos más carismáticos que he visto en un juego a pesar que constantemente nos diga que nos quiere matar.

El juego dura unas 8 horas (depende también de qué tan rápido encuentres la solución a las pruebas), entiendo que esto es bastante más que la primera entrega, la cual más parecia un minijuego. El modo cooperativo también se ve muy interesante aunque no lo he probado.

La música que se escucha a través del juego es muy buena y aún mejor las 2 canciones que se escuchan al terminarlo. Aquí dejo la última canción que acompaña los créditos, la cual es cantada por la misma GLaDOS y nos deja claro lo mucho que nos quiere, si pueden escúchenla que es muy divertida.

Elecciones 2011

2011-04-10T20:26:00.000-07:00

Mi opinión de los resultados hasta ahora:

Dosbox, un emulador para juegos antiguos (DOS)

2011-03-19T10:57:00.000-07:00

Recientemente probé Dosbox, un emulador del sistema operativo DOS, con el ocioso fin de probar o volver a jugar videojuegos antiguos (algunos de los cuales creo que no llegan a ~~video~~juegos y se quedan en, bueno, "juegos"). Pues bien, este emulador parece funcionar bastante bien, lo probé en windows xp y en ubuntu, la instalación es rápida y pude usar la consola clásica de DOS para ejecutar los mencionados juegos. Es gratis, además de ser software libre, y se puede descargar haciendo click AQUI, o si usan un linux pueden usar un gestor de paquetes para descargarlo e instalarlo. Está disponible para varios sistemas, por lo que leí también para psp y wii.

Una vez instalado y ejecutado, hay que montar el directorio donde están los archivos (juegos) que queramos ejecutar. Si estamos en xp, creamos una carpeta "games" dentro de la carpeta donde están los archivos de Dosbox. Luego, en la consola del emulador escribimos:

mount c games
c:
cd juego1
juego1.bat

Si se está trabajando en Ubuntu, se puede crear una carpeta en una ubicación como esta "/home/Diego/games" y sólo cambiar el primer comando por:

mount c /home/Diego/games

Un buen lugar donde se puede encontrar juegos para DOS es Abandonia. Pueden visitar la página en este link. Hay que fijarse que en la parte de compatibilidad esté el icono de Dosbox; hay también juegos que pueden ser ejecutados en xp sin necesidad del emulador. Diviértanse con los juegos antiguos.

Métodos PERT-CPM

2011-02-19T10:04:00.000-08:00

La canción del pirata

2011-02-09T21:10:00.000-08:00

Este es un poema escrito por el Español José Ignacio Javier Oriol Encarnación de Espronceda y Delgado (sí, es un sólo nombre), un escritor del romanticismo Español, publicado en 1840. Si has escuchado a Sabina cantar la del pirata cojo probablemente hayas escuchado los versos: "Y va el capitán pirata cantando alegre en la popa, Asia a un lado, al otro Europa, y allá a su frente Estambul", pues bueno esta es una parte del mencionado poema (que dicho sea de paso encontré buscando por qué sabina y serrat decían eso). El punto es que encontré en youtube un grupo español que hizo una canción con este poema, el grupo se llama Tierra Santa, y aunque no suelo escuchar su tipo de música en este caso sí me gusta el producto y se me ha quedado pegado el estribillo del mismo por unos cuantos días ya. Aquí hay unos vídeos que encontré con imágenes de piratas del caribe; la canción está en 2 partes, recomiendo totalmente escuchar la 2da parte, la primera es un poco más bulliciosa aunque igual merece ser escuchada. Como no creo que lean el texto mejor pongo la segunda parte primero.

Este es el poema completo:

Con diez cañones por banda,

viento en popa, a toda vela,

no corta el mar, sino vuela

un velero bergantín.

Bajel pirata que llaman,

por su bravura, El Temido,

en todo mar conocido

del uno al otro confín.

La luna en el mar riela

en la lona gime el viento,

y alza en blando movimiento

olas de plata y azul;

y va el capitán pirata,

cantando alegre en la popa:

Asia a un lado, al otro Europa,

y allá a su frente Estambul:

Navega, velero mío

sin temor,

que ni enemigo navío

ni tormenta, ni bonanza

tu rumbo a torcer alcanza,

ni a sujetar tu valor.

Veinte presas

hemos hecho

a despecho

del inglés

y han rendido

sus pendones

cien naciones

a mis pies.

Que es mi barco mi tesoro,

que es mi dios la libertad,

mi ley, la fuerza y el viento,

mi única patria, la mar.

Allá muevan feroz guerra

ciegos reyes

por un palmo más de tierra;

que yo aquí tengo por mío

cuanto abarca el mar bravío,

a quien nadie impuso leyes.

Y no hay playa,

sea cualquiera,

ni bandera

de esplendor,

que no sienta

mi derecho

y dé pechos mi valor.

Que es mi barco mi tesoro,

que es mi dios la libertad,

mi ley, la fuerza y el viento,

mi única patria, la mar.

A la voz de "¡barco viene!"

es de ver

cómo vira y se previene

a todo trapo a escapar;

que yo soy el rey del mar,

y mi furia es de temer.

En las presas

yo divido

lo cogido

por igual;

sólo quiero

por riqueza

la belleza

sin rival.

Que es mi barco mi tesoro,

que es mi dios la libertad,

mi ley, la fuerza y el viento,

mi única patria, la mar.

¡Sentenciado estoy a muerte!

Yo me río

no me abandone la suerte,

y al mismo que me condena,

colgaré de alguna antena,

quizá en su propio navío

Y si caigo,

¿qué es la vida?

Por perdida

ya la di,

cuando el yugo

del esclavo,

como un bravo,

sacudí.

Que es mi barco mi tesoro,

que es mi dios la libertad,

mi ley, la fuerza y el viento,

mi única patria, la mar.

Son mi música mejor

aquilones,

el estrépito y temblor

de los cables sacudidos,

del negro mar los bramidos

y el rugir de mis cañones.

Y del trueno

al son violento,

y del viento

al rebramar,

yo me duermo

sosegado,

arrullado

por el mar.

Que es mi barco mi tesoro,

que es mi dios la libertad,

mi ley, la fuerza y el viento,

mi única patria, la mar.

Spiderman Shattered-Dimensions

2011-02-06T20:54:00.000-08:00

El jueves pasado terminé un juego de PC llamado Spiderman Shattered-Dimensions, el cual trata de las aventuras de 4 versiones de spiderman. Marvel, la empresa de comics creadora del hombre araña, maneja diversos universos para sus superheroes (no sólo los que estamos acostumbrados a ver, algunos de ellos bastante extraños por cierto). Resumiendo la trama podemos decir que nuestro friendly neighborhood comete el error de patear una tabla llamada "Tabla de la orden y el caos" (hay que tener cuidado al patear cosas con nombres tan dramáticos), lo que causa problemas en diferentes realidades por lo que spidy necesitará el apoyo de sus otros yo de dichas realidades, por lo que aparte de usar al héroe normal (the amazing spiderman humildemente) se debe usar a un spiderman de los años 1930s (Noir), un spiderman con el simbiot (Ultimate) y un futurístico trepamuros (Spiderman 2099).

El juego al inicio no me pareció muy bueno porque pensé que iba a estar muy repetitivo pero luego de pasar el primer nivel me di cuenta de mi error. Este juego cuenta con unas gráficas muy buenas, que dan la sensación de estar jugando dentro de un cómic, además cada una de las dimensiones tiene un toque diferente: la del spiderman normal es más orientado a un cómic, la de los años 30 es más oscuro, incluso muchas partes son en blanco y negro, la del spiderman simbiot es bastante brillante (parece el pelo de goku en dragon ball GT) y la futurística es muy colorida y psicodélica.

Cada nivel (13 en total) cuenta con un enemigo diferente, básicamente los clásicos de spiderman pero adaptados a su respectiva realidad, y en cada una de las realidades hay que sacar provecho de las habilidades únicas que tiene cada versión como usar poderosos ataques con tela de araña, regenerarse, usar furia alienígena o desacelerar el tiempo. Para vencer a los jefes casi siempre hay que hacer uso de elementos de la escenografía, ya que a puño limpio difícilmente se les vence, algo que se suele ver en las peleas de la araña.

Aparte de la buena jugabilidad (me parece genial el realismo al momento de balancearse para avanzar) se puede disfrutar de los constantes comentarios del súper héroe más cómico, quien no se puede guardar un chiste ni al enfrentar el último nivel; y también está la narración del propio Stan Lee, creador de nuestro arácnido amigo.

Totalmente recomendable el juego, en especial si ya has jugado y te gustó algún otro juego anterior del sorprendente hombre araña (en mi caso jugué hace mucho spiderman 1 y 2 para playstation one, de lo mejor). No es muy largo, se puede pasar tranquilamente en unas 15 horas de juego, menos si se juega en modo fácil o normal, aunque si se quiere terminar con las misiones secundarias de cada nivel va a tomar más tiempo. Aquí dejo un Gameplay que además trae la canción clásica pero cantada por Aerosmith.

Por cierto, olvidaron poner algunas versiones como spiderham.

Valor Ganado - Gestión de Proyectos

2011-02-01T10:10:00.000-08:00

Unas diapositivas sobre valor ganado, valor planeado, valor real, varianzas, índices y pronósticos.

Tutorial de Ping Pong con AS3 - Parte 1

2011-01-30T19:24:00.000-08:00

En este tutorial vamos a crear un juego sencillo de ping pong, con una mecánica similar al clásico juego que se puede ver en la imagen, pero un poco más llamativo y menos prehistórico.

Lo primero que debemos hacer es abrir el Adobe Flash, en mi caso tengo el CS4, y crear nuevo Archivo de Flash (AS 3.0). En el panel de propiedades cambiar el tamaño del lienzo a 450 x 300 px, que es el tamaño con el que vamos a trabajar el juego.

Luego vamos a agregar una imagen para que sea el fondo del juego, asegurense que cubra todo el lienzo, no importa si se pasa.

Ahora hay que dibujar un rectángulo que va a ser la barra que moverá el jugador para evitar que la pelota pase su lado (basta con dibujar uno ya que la otra barra será igual). Podemos crear otra capa en la parte inferior haciendo click en el pequeño ícono de hoja doblada; hay que poner la capa encima de la que contiene la imagen de fondo para evitar dibujar detrás de la imagen. Luego de dibujar la digura presionamos F8 para "convertir en símbolo", le ponemos por nombre "Player", tipo "Clip de película" y presionamos Aceptar; con eso ya tenemos la primera barra lista.

Para crear la segunda barra hay ir a la "Biblioteca" y arrastrar el símbolo "Player" al escenario, ubicándolo a la derecha.

Lo siguiente es crear la Document Class, que es la clase en actionscript principal. Para esto ir a "Archivo", "Nuevo Documento", "Archivo ActionScript". En el nuevo archivo escribimos el siguiente código, con lo que estamos creando una clase a la que llamaremos "Engine".

package
{
 import flash.display.MovieClip;
 
 public class Engine extends MovieClip {  
  public function Engine() : void
  {
  
  }
 }
}

Para agregarla como clase principal hay que escribir "Engine" en la parte "Clase" del panel "Propiedades".

Ahora vamos a crear una clase a la que llamaremos "Player". Repetimos el proceso anterior pero esta vez ingresamos el siguiente código.

package
{
 import flash.display.MovieClip;
 
 public class Player extends MovieClip {
             //con esta variable indicamos cuántos
  //pixeles debe moverse la barra
  //a mayor número mayor velocidad
  var velocidad:Number=2;
  
  public function Player() : void
  {
  }
  
  public function sube():void{
   //reducir el valor de "y" para subir 
   //validación para no subir más que
   //el inicio de la pantalla
   if(y-velocidad<0){
    y=0;
   }else{
    y=y-velocidad;
   }
  }
  
  public function baja():void{
   //aumentar el valor de "y" para bajar
   //validación para no bajar más que
   //el final de la pantalla
   if(y+velocidad>300-height){
    y=300-height;
   }else{
    y=y+velocidad;
   }
  }
 }
}

Hecho esto hay que asignar esta clase al símbolo Player. En la "Biblioteca" hacemos click derecho en Player, propiedades y donde dice "Clase" escribimos Player. De esta manera el símbolo y la clase en actionscript está relacionados.

Vamos a agregar un método llamado onLoop a la clase Engine y haremos que se ejecute en cada evento Enter_Frame, es decir, en cada fotograma de la película flash. El número de fotogramas por segundo se puede modificar en el panel "Propiedades".

package
{
 import flash.display.MovieClip;
 import flash.events.Event;
 
 public class Engine extends MovieClip
 {  
  public function Engine() : void
  {
   addEventListener(Event.ENTER_FRAME,onLoop);
  }
  function onLoop(e:Event){
   trace("Hola");
  }
 }
}

Hay que asignar un nombre a la instancia de la clase Player que tenemos en el escenario (el que dibujamos al inicio). Elegimos el símbolo y en el panel de "Propiedades" escribimos en el campo de texto superior "player1", con minúsculas para identificar que es un objeto. Hacemos lo mismo para la otra barra, pero en este caso le ponemos "player2".

Ahora vamos a dar un poco de movimiento a la barra. Para identificar las pulsaciones de teclado es mejor usar una clase de utilidad llamada KeyObject de Senocular la cual es más exacta que usar el evento normal que trae AS3 (El código de esta clase está incluido en el .rar al final del post).

Modificaremos el método onLoop de Engine para que si el jugador presiona "w" la barra suba, invocando a su método sube, y si presiona "s" la barra baje llamando al método baja. Para la barra derecha usaremos las flechar direccionales.

Para probar el movimiento de la barra les recomiendo minimizar el CS4 y ejecutar el .swf que se ha generado porque al pulsar "w" o "s" el programa puede confundirlo con atajos de teclado.

package
{
 import flash.display.MovieClip;
 import flash.events.Event;
 import flash.ui.Keyboard;

 public class Engine extends MovieClip
 {  
  private var key:KeyObject;
  
  public function Engine() : void
  {
   //Se crea el objeto KeyObject
   key = new KeyObject(stage);
   //Seteamos la velocidad de player1 y 2
   player1.velocidad=8;
   player2.velocidad=8;
   //Se asigna el método onLoop al evento Enter_Frame
   addEventListener(Event.ENTER_FRAME,onLoop);
  }
  function onLoop(e:Event){
   //W=87
   if(key.isDown(87)){
    player1.sube();
   }
   //S=83
   if(key.isDown(83)){
    player1.baja();
   }
   
   if(key.isDown(Keyboard.UP)){
    player2.sube();
   }
   if(key.isDown(Keyboard.DOWN)){
    player2.baja();
   }
  }
 }
}

El resultado sería algo así:

Esto es todo para la primera parte de este tutorial, espero les haya servido y haya sido claro. Puede descargar AQUI el código fuente.

Taxista canta igual que Michael Jackson

2011-01-30T08:55:00.000-08:00

Este muchacho de Brasil tiene la misma voz (o al menos muy parecida) que Michael Jackson y lo demuestra mientras maneja su taxi. Deberían mandar un equipo periodístico a entrevistarlo para los reportajes de TV de los domingos ya que siempre dan prioridad este tipo de notas.

Isla Presidencial

2011-01-29T09:41:00.000-08:00

Isla Presidencial es una parodia hecha en Venezuela que tiene como personajes principales a los mandatarios (algunos ya ex-mandatarios) latinoamericanos + el rey de España y ocasionales apariciones de Barack Obama. Los presidentes quedan perdidos (LOST) en una isla luego de atender a una cumbre y tendrán que buscar la manera de sobrevivir, pero no hay qué temer, sus respectivos países iniciarán una búsqueda apenas se den cuenta que los necesitan (OPSSS!). Creo que mis partes favoritas son los diálogos entre el narcisista-leninista presidente Chávez y su incondicional Evito quien lo apoya en cada plan que toma, aunque normalmente no lo deje opinar. También hay breves apariciones del presidente García. Aquí les dejo los primeros 3 episodios de la isla presidencial.

Primeros pasos en Juegos en Flash

2011-01-28T19:13:00.000-08:00

Los videojuegos son algo común en nuestra vida, ya sea que uno juegue en minijuegos.com, winning eleven, Dungeons & Dragons Online, Dota, buscaminas o counter. Algo que me parece interesante es intentar hacer juegos, para lo cual no se necesita más que alguna idea, conocer un poco de programación y comenzar a probar a ver qué sale; soy de la idea que un juego no necesita ser una maravilla en gráficos o tener 100 maneras de volarle la cabeza al enemigo, lo principal es que la mecánica del juego sea atractiva y retadora para el jugador (si es adictivo mucho mejor); por ejemplo estos dos juegos: Helicopter Game y Bloons, una idea sencilla + gráficos sencillos pero bonitos = WIN.

Para hacer juegos se puede usar prácticamente cualquier lenguaje de programación (si puedes ingresar datos, procesarlos y mostrar un resultado ya puedes hacer un juego, por ejemplo "guess the number"). Ahora, hay lenguajes que se prestan para hacer juegos, mi favorito es ActionScript que es el que se usa para hacer juegos en Flash aunque también se pueden hacer juegos muy interesantes en Java como el buscaminas que hizo Ali y luego migró a javascript, el gunbound que hizo Clayder o un juego de gohan destruyendo autos también de Clayder.

Flash es una plataforma muy utilizada para hacer juegos y publicarlos en la web, probablemente la mayoría de juegos en Internet estén en Flash, por lo que es una buena opción si uno desea hacer juegos. Personalmente he probado hacer algunos juegos sencillos con Flash y en este post quisiera escribir sobre algunas cosas que he aprendido y algunos conceptos básicos para empezar a hacer juegos en Flash.

Para empezar tenemos el ActionScript, el lenguaje de programación usado para Flash. Actualmente se trabaja con la versión 3.0, la cual presenta ciertas ventajas y cambios en comparación con la versión 2.0 como un enfoque más orientado a objetos (lo que lo hace bastante fácil para alguien con conocimientos en POO), la forma de manejar eventos, manejo de expresiones regulares, mejoras para tareas como pintar figuras mediante código, etc; podemos decir que programar en AS3 es más ordenado y permite tener más control. Encontré una comparación muy interesante que queda mejor sin traducir:

as3.0 is a Japanese Chef’s knife. Finely crafted but requires care and technique in its use.
as2.0 is a Machete. Great for hacking things, but useless for anything requiring fine detail or control.
as1.0 is a plastic spoon.

Aquí hay unas líneas en as3 en las que se puede ver un poco su sintaxis:


package {
public class Clase1{

//definición de una variable privada numérica
private var n:Number=3;

//Constructor
public function Clase1() {
//trace permite imprimir en consola
trace("Hola mundo");
}

//Un método
public function saluda():void{
//Instanciación de un arreglo
var ar:Array=new Array();
ar.push("Uno");
ar.push("Dos");
ar.push("Tres");

}

}
}

Como se puede ver no es muy diferente a java, c++ o .net.

Cuando se trabaja en flash (refiriéndonos al programa de Adobe) tenemos por un lado la parte gráfica, que es la zona en la que uno agrega sus dibujos y hace interpolaciones trabajando con fotogramas y por otro lado tenemos la parte de código, a la que podemos acceder pulsando F9; esta es una característica muy importante ya que podemos por un lado dibujar una pelota y por el otro realizar la programación para que la pelota baje por la pantalla y luego rebote simulando gravedad. No sólo eso, además podemos tener aparte de nuestro archivo .fla (formato de Flash) varios archivos .as siendo cada archivo una clase en actionscript, de manera que tenemos clases reutilizables o podemos utilizar algún framework con código que otras personas ya hicieron. Podemos ligar símbolos en Flash con una clase específica en AS3 de manera que cuando jalamos un símbolo al escenario se esté ejecutando el constructor de la clase en AS3 automáticamente, adquiriendo el símbolo todas las propiedades y comportamientos definidos en la clase, o incluso podemos aplicar herencia en los símbolos.

A los proyectos en Flash se les puede agregar una clase en actionscript principal, que viene a ser la clase del escenario y que se instancia al iniciar la película, a esta se le denomina Document Class y se le puede poner el nombre que uno quiera, yo suelo llamarla Engine.as

Dos conceptos muy importantes para conocer son el MovieClip y el Sprite. Los dos son una especie de contenedores o lienzos sobre los que se puede trabajar. Imaginemos que tenemos un tablero en blanco, que es el escenario de Flash y un conjunto de papelitos sueltos, en papelito dibujamos un árbol y lo ponemos en el escenario, en otro papelito más grande pintamos un grass y lo ponemos en la parte inferior del escenario y luego cogemos un conjunto de papelitos unidos (como los post it o las hojas de un cuaderno pequeño), en cada hoja dibujamos una persona (tipo stick figure) con algunas diferencias como en la posición de las manos o pies, de manera que al pasarlos rápidamente da la impresión de movimiento, bueno, cogemos ese cuadernillo o lo que sea y lo agregamos también a nuestro pintoresco escenario. Los Sprites son como los papelitos simples donde dibujamos el árbol y el grass, es un sólo lienzo en el que uno puede dibujar, insertar imágenes, videos, incluso otros Sprites o MovieClips. Los Movieclips son similares a los Sprites sólo que tienen línea de tiempo o mejor dicho son como un conjunto de sprites en secuencia, como los frames de una película, uno puede agregarles un cuadrado en un fotograma y moverlo un poco a la derecha en cada fotograma subsiguiente para dar la impresión de movimiento continuo, al igual que los Sprites permite que se le agreguen a su vez más MovieClips o Sprites.

Los eventos son otra cosa a tomar en cuenta al programar un juego, por ejemplo hay eventos para detectar que el usuario ha hecho click en un símbolo, se ha entrado en un frame (viene a ser cada refrescada de pantalla, lo cual se puede configurar, por ejemplo se puede trabajar a 20 fotogramas por segundo o a 32fps si se busca mayor suavidad en la animación). Hay eventos para cuando el jugador presiona una tecla, cuando se terminó de cargar un archivo, cuando terminó un sonido, etc. Para usar estos eventos se necesita agregar un listener que escuche a determinado evento y una función que sea invocada cuando se detecta el evento. Por ejemplo, este código mueve un cuadrado a la derecha cada vez que el usuario hace click en el:


//la clase cuadrado está ligada a un símbolo con un ... cuadrado
var cuad:Cuadrado=new Cuadrado();
//agregamos el cuadrado al escenario
addChild(cuad);
//agregamos el listener para escuchar cuando se le hace click
addEventListener(MouseEvent.Click, miFuncion);
//función que se va a invocar cuando se detecte el click
function miFuncion(e:Event){
//movemos el cuadrado a la derecha
cuad.x=cuad.x+10;
}

Para detectar colisiones as3 brinda el método hitTestObject, con el cual podemos ver si dos Sprites/Movieclips colisionan o el método hitTestPoint para ver si un Sprite/Movieclip colisiona con un punto específico. Por ejemplo:


var hayColision:Boolean=persona.hitTestObject(bala);
if (hayColision){
trace("Recibiste una bala");
}else{
trace("No moriste");
}

Ahora la parte interesante, vamos a pensar (no programar porque este post ya de por sí está largo) cómo juntamos lo anterior para hacer un juego de pingpong:

Crear 1 sprite con un círculo que será la pelota
Crear 2 sprites con forma rectangular para las barras-raquetas que usará cada jugador
Crear 1 sprite para el fondo, ya sea de un color o agregando una imagen
Agregar las 2 barras, una a la izquierda y la otra a la derecha
Agregar los listeners para que cuando el jugador presione en el teclado "W" la barra de la izquierda suba y cuando presione "S" la barra baje, algo similar para la otra barra
Agregar la pelota al escenario, creándole una clase con 2 variables, la velocidad y la dirección
Agregar el evento para que en cada refresco de pantalla (evento llamado EnterFrame) la pelota avance de acuerdo a su velocidad y dirección (hay que aplicar un poquito de trigonometría)
Agregar el evento para que en cada refresco de pantalla se pruebe si la pelota colisiona con alguna de las barras, si colisiona con la de la izquierda se cambia su dirección a la derecha y viceversa. Se puede juntar este punto con el anterior formando una sola función que hace varias cosas. Asimismo verificar si la pelota está a la izquierda de la barra de la izquierda, lo que quiere decir que el jugador de la derecha hizo un punto, igualmente para el otro lado.
Llevar 2 contadores para ver quién es el primero en llegar a 10.
Cuando alguien llegue a 10 agregar un Sprite con un bonito mensaje de Ganaste.

Eso sería todo con este post que espero no haya sido muy desordenado y haya cumplido con lo que quería que es dar algunas ideas de cómo usar flash para crear juegos. Aquí les dejo un juego que hice y espero que les guste, se llama pixerpiente y consiste en mover el mouse evitando obstáculos que van apareciendo y no dejar que el rastro que vas dejando te alcance ya que empieza a consumirse.

Vesania

2010-11-26T20:28:00.000-08:00

Congreso 2010

2010-11-25T15:52:00.000-08:00

La semana pasada se llevó acabo el congreso internacional de sistemas, el cual cambió de nombre hace unas ediciones por el maratónico "Congreso Internacional de Ingeniería de Software, Sistemas de Información, Telecomunicaciones y Redes", que como siempre trajo varias personas de diversos países a contar un poco de sus proyectos, ideas, locuras, etc.

Fueron 5 días bastante agitados en los que en contra de mis preferencias terminé usando terno casi todos los días, aunque fue oportunidad de escuchar algunas ponencias muy interesantes, así como otras ciertamente interminables. Un agradecimiento especial para Alejandro Montoya de México, quien aparte de dar los tutoriales de programación orientada a aspectos y html5, dió una clase al grupo de programación sobre solución de problemas.

Una vez más el 4to piso estuvo lleno de tutoriales, gente haciendo cola tras una reja y clases suspendidas en casi todos los cursos, aunque ni la falta de proyectores me salvaron de hacer una exposición a las 7 am con plumón, a la antigua usanza.

Y también recordaré mi improvisado algoritmo de dijkstra para resolver un problema de cuando se demoran unas hormiguitas en pasearse de un punto a otro a través de sus túneles.

Algunos puntos interesantes de esta edición fue la entrega de materiales, los cuales se entregaron a inicio de semana y no al final (cosa rarísima), así como la pérdida de protagonismo del robot de nod32, el cuál fue reemplazado en la página del congreso por un primo lejano de C-3P0, dejando incluso de figurar en los fotochecks como solía hacerlo (todos los años salía posando de manera diferente) o su colega, el robot que salía bailando en las clausuras del congreso.

En general es bueno tener una semana de congreso y que la escuela haga un evento al que asista gente de otras universidades. Todavía quedan cosas para corregir para próximos años, aunque sería bueno que sean problemas nuevos y no los mismos. Por mi parte seguiré a la espera de si entregan los premios del concurso de programación, ya que sólo tengo un papel que dice "premio sorpresa", lo cual encuentro muy debatible ya que aunque muchos me dicen que la sorpresa es que no me darán nada, yo incisto en que no encontraría nada de sorprendente en eso...

Avatar - La Película

2009-12-21T20:02:00.001-08:00

Acabo de ver en el cine "Avatar", una película que me pareció muy buena y de la cual quisiera comentar algunas cosas (no se preocupen que no les malograré la película). Trata sobre un futuro en el que los humanos realizan viajes por el espacio, encontrando nuevas tierras y explotando lo que les sirve, así llegan a Pandora que es un planeta-selva con bastante verde en el cual viven unas criaturas llamadas Na'vi, que son unos humanoides azules que viven en profunda armonía con su planeta. Se arma la pelea cuando los humanos deciden desalojarlos de su hogar ya que viven exactamente sobre el mejor yacimiento de un mineral que vale millones (¿será por la inflación?). Bueno para negociar el desalojo crearon unos Avatar (cuerpos de nativos manejados por humanos) para facilitar la integración con los locales. Como podía esperarse, al final trataron de sacarlos a la mala.

Hay varias cosas interesantes, como la habilidad de los nativos para hacer un vínculo con otros seres vivos, y me refiero a vincularse literalmente ya que tienen entre sus cabellos unos flagelos que se conectan con los de otros seres logrando una conexión mental. Me gustó la manera en que están conectados todos los seres en Pandora, cuando vean la película entenderán un poco más.

Otra cosa interesante es la perspectiva que se tiene; una raza llega a un lugar en el que habitan nativos menos avanzados (habría que definir que cosa es ser avanzado) y realiza un genocidio para conseguir lo que quiere sin respetar nada. Esto se ha visto constantemente en la historia humana, aquí en Perú se dió cuando llegaron los españoles y acabaron con la cultura inca. En esta película los humanos somos los malos (bueno no todos).

Ahora vamos a detalles más técnicos, la película fue escrita, producida y dirigida por James Cameron, quien ha tenido otros grandes proyectos como Titanic y Terminator.

La historia para esta película fue escrita en 1995 pero Cameron tuvo que esperar a que la tecnología de efectos especiales y animación por computadora lleguen al nivel que necesitaba.Se planeaba usar actores hechos totalmente en computadora aunque finalmente se usaron actores reales haciendo una captura de actuación.

Hay un juego de video sobre esta película hecho por Ubisoft, aunque entiendo que juegas del lado de los humanos, osea de los malos; hubiera sido mucho mejor usar a los na'vi.

Se planean hacer 2 películas más, lo cual espero que se cumpla pues tengo muchas ganas de ver qué más tiene para ofrecer esta historia.

Efecto de Nieve en ActionScript 3.0

2009-12-14T07:55:00.000-08:00

Crear un efecto de nieve usando ActionScript es bastante sencillo. A grandes rasgos consiste en establecer una zona en la cual va a caer la nieve, añadir copos de nieve en la parte superior y luego manejar el evento Enter Frame para mover los copos de nieve hacia abajo y hacia los costados.

Para hacer este efecto me he basado en un código que encontré en liquidjourney, el cual hace el efecto de la nieve cayendo, el problema es que estaba en ActionScript 2.0 así que le hice unos cambios para pasarlo a ActionScript 3.0 ya que puede haber problemas si se quiere usar este efecto en otras animaciones que usan AS3.

Sólo necesitan un símbolo para delimitar la nieve como se ve en la imagen y agregar el código que pongo más abajo

Código:


//Posiciones de fondonieve
//Fondo nieve es un símbolo que marca el cuadro donde caerá nieve
var left:Number = this.fondonieve.x;
var right:Number = left+this.fondonieve.width;
var top:Number = this.fondonieve.y;
var bottom:Number = top+this.fondonieve.height;

//Número de copos de nieve
var total:Number;
total=250;
//Variable que almacenará los copos de nieve
var miArray:Array;

//Crear el fondo, en este caso el Sprite donde va la nieve
//y la máscara para que los copos de nieve no salgan de ahí
function createBackground():void {
//Crear el Sprite para la nieve
var ele:Sprite =new Sprite();
ele.name="ele";
//Posicionarlo en el mismo lugar que fondonieve
ele.x=this.fondonieve.x;
ele.y=this.fondonieve.y;
//Agregalo
addChild(ele)

//Crear el Sprite mask2 que usaremos de máscara
var mask2:Sprite =new Sprite();
mask2.name="mask2";
//Posicionarlo en el mismo lugar que fondonieve
mask2.x=this.fondonieve.x;
mask2.y=this.fondonieve.y;
//Agregalo
addChild(mask2)
//Dibujar un rectángulo con las medidas de fondonieve
var g2:Graphics = mask2.graphics;
g2.beginFill(0x000000, 100);
g2.moveTo(0, 0);
g2.lineTo(this.fondonieve.width, 0);
g2.lineTo(this.fondonieve.width, this.fondonieve.height);
g2.lineTo(0, this.fondonieve.height);
g2.lineTo(0, 0);
g2.endFill();
//Establecer a mask2 como la máscara de ele
ele.mask=mask2;
}

//Creación los copos de nieve
function createParticles() {
//Obtener el Sprite ele del escenario
var ele:Sprite;
ele=Sprite(getChildByName("ele"));
//Instanciar el arreglo
miArray=new Array();

//Usar un for para crear los copos de nieve
 for (var i:Number = 0; i  //Nieve es una clase-símbolo con la imagen de un copo 
  var clip3:Nieve=new Nieve();
  ele.addChild(clip3);
  //Crear un Object con los atributos necesarios: el movieclip del copo de nieve(Sprite), posiciones x - y, velocidad de movimiento x - y, rotación, dos contadores ct y c para realizar los cambios de dirección y hasta donde deben caer fl
  var obj:Object = {mc:clip3, mn:1+Math.random()*2, x:Math.random()*this.fondonieve.width, y:-100, movx:Math.random()*2-1, movy:Math.random()*3+0.5, r:Math.random()*10-5, ct:Math.ceil(Math.random()*60), c:0, fl:this.fondonieve.height-Math.random()*3};
  //Unicar el copo de nieve en las posiciones establecidas 
  clip3.x=obj.x;
  clip3.y=obj.y;
  //Agregar el obj al arreglo
  miArray.push(obj);
  //Deformar y girar el copo de nieve para que no sean todos iguales
  clip3.scaleX= 2+Math.random()*3;
  clip3.scaleY= 2+Math.random()*3;
  clip3.rotation=Math.random()*360;
 }
}

//Funcion que se va a ejecutar en cada evento EnterFrame
function myForEachFunction (obj:Object, index:int, array:Array):void
{
 //obj es cada Object que se tiene en miArray
 //Recordar que obj.mc contiene el MovieClip del copo de nieve
    var mc:MovieClip = obj.mc;
 obj.c++;
 //Verificar si hay que cambiar la dirección
 //Esto es cuando el contador c pasa a ct
 if (obj.c>obj.ct) {
  //Cambiar la dirección y reestablecer c y ct
  obj.movx = Math.random()*5-2.5;
  obj.c = 0;
  obj.ct = Math.floor(Math.random()*60);
 }


//Hacer los cambios en obj
obj.x += obj.movx;
obj.y += obj.movy+obj.mn
//Aplicar los cambios en el movieclip del copo de nieve
mc.rotation += obj.r;
mc.y = obj.y;
mc.x = obj.x;

//Verificar si el copo de nieve ha salido de los bordes derecho o izquierdo
//De ser así reaparece por el borde contrario
if (mc.xthis.fondonieve.width+5) {
obj.x = left-2;
}


//Verificar si el copo de nieve ya cayo completamente
if (mc.y>obj.fl) {
obj.fl=this.fondonieve.height-Math.random()*3;
//Reubicar el copo de nieve arriba
obj.y -=this.fondonieve.height;
obj.movy = Math.random()*3+0.5;
}
}

//Función a realizar en cada evento Enter Frame
function onLoop(evt:Event):void {
//Ejecutar para cada elemento de miArray la función myForEachFunction
miArray.forEach(myForEachFunction)
}

//Agregar un listener al evento Enter Frame y darle la función onLoop
this.addEventListener(Event.ENTER_FRAME, onLoop, false,0, true);

//Llamadas a los métodos para crear todo
createBackground()
createParticles()

El resultado es algo así:

Pueden modificar valores como la cantidad de copos de nieve o mejor aún pueden agregarle sus propias imagenes y ver cómo cae la nieve.

Pueden descargar el archivo .fla AQUI

Nos ponemos Navideños

2009-12-12T16:12:00.000-08:00

Ya falta poco para navidad así que para entrar en el aire navideño ya está listo el nuevo header para esta temporada como podrán ver en la parte superior del blog. Por acá no cae mucha nieve que digamos, en realidad acá nos morimos de calor, pero me gusta como se ven los muñecos de nieve (Lástima que este header nomas me va a durar un par de semanas... ). Después postearé cómo crear ese efecto de nieve con Action Script.

Promo de Lost - Temporada 6

2009-12-09T09:44:00.000-08:00

Una promo muy buena que encontré el otro día

La historia de las cosas

2009-12-07T14:28:00.000-08:00

Explicación ambientalista:

Esto es libido

2009-12-02T20:31:00.000-08:00

Algunas canciones del no tan nuevo disco de libido.

This is shit

2009-12-01T14:06:00.000-08:00

Esta imagen es un poquito pasada pero tenía que ponerla xD. Gracias alfreo.

Ejercicios de Pronósticos

2009-11-30T15:12:00.000-08:00

No salieron muy bien los enunciados, pero para eso están las separatas =D.