Halloween Prank!

Nueva aplicación desarrollada, especialmente para el público americano, y su gran festividad de Halloween


¡La mejor aplicación para asustar a tus amigos!

Con la llegada de Halloween muchas aplicaciones intentan crear una atmosfera de terror, unas tan sólo son una librería de sonidos, otras imágenes en pantalla que no interaccionan contigo. ¡"Halloween Prank" hace uso del micrófono para asustarte cuando pases por su lado haciendo ruido!

ChipMunk, Cocos2D y Cuerpos Gelatinosos (Soft Body)

He estado trabajando en un sustancioso tutorial, en el que he averiguado como hacer un cuerpo blando, gelatinoso, o simplemente del inglés "Soft Body". Viendo desde fuera un video en el que se muestran físicas de este estilo, cualquiera puede pensar que es una "BARBARIDAD" hablando en el sentido de dificultad. Pero nada más lejos... Crear un cuerpo gelatinoso no es tan dificil como lo parece.

En el tutorial de hoy, enseñaré como hacer un cuerpo Gelatinoso (Soft Body) bajo Cocos2D y chipmunk.

Crazy Jungle: Review

Crazy Jungle es un juego tipo puzzle en el que se mezcla los estilos arcade, habilidad y lógica. Dando importancia a los gráficos, música y sonidos. Apto para todos los miembros de la familia, reúne tres estilos de juego. 

Arcade: Enfrentados el bien y el mal, ayuda al bien, impulsando animales resultantes de unir un mínimo de 3 de ellos del mismo tipo. Compárate con el resto del mundo en el Ranking mundial. 

Endless: Juega sin límite de tiempo, sin restricciones, sin agobios. Un modo práctica o de relajación. Juega tanto como quieras. 

Texture Packer: Facilita la creación de tus juegos

Texture Packer

Hoy vengo a hablaros de un magnífico programa, el cual uso para crear mis juegos más rápidamente, mejor, y que además, estén mejor optimizados. Os presento... Texture Packer!

Anteriormente, cuando quería crear un juego en HD, debía de crear tanto las imagenes en alta resolución, así como las imágenes de menor resolución, indicadas para los antiguos dispositivos, tales como iPod 2g o iPhone 3gs y anteriores. Era un fastidio tener que reescalar todas las imagenes al 50% una a una. Texture Packer, te soluciona este problema, ¡creándote un SpriteSheet para cada resolución! Sinceramente, de todas las características que tiene (que son muchas, y muy útiles) concretamente esta es la que más me ha llamado la atención. ¡Te hace trabajar la mitad!

Crazy Jungle

Por fin he acabado el juego que tenía entre manos (uno de ellos) y puedo escribir con satisfacción, que mi juego saldrá a la venta pronto, en cuanto Apple confirme que mi aplicación es válida.

Herencia y clases abstractas en Objective C

¿Qué es la herencia?

Supongamos que queremos tener un array al que llamaremos "Zoologico". Y que este array sólo puede contener "Animales".

Ahora supongamos que queremos implementar un mono, un elefante y un pájaro, como clases. Todos ellos son animales, por tanto, tienen propiedades comunes a todos los animales, pero cada animal, tiene sus "diferencias". Por ejemplo, el pájaro tiene alas, y el mono no. O el elefante tiene trompa, y el pájaro un pico. Imaginaos que queremos tener una representación gráfica distinta para cada animal, por tanto debemos crear una clase Animal, del tipo CCSprite.

@interface Animal: CCSprite {
    int numeroDePatas;
    bool tienePlumas;
    bool tienePelo;
    bool tienePico;
    bool tieneTrompa;
    bool tieneAlas;
}
-(void) saluda;
@protocol Especializacion
-(void) desplazate;
@end

Preparando otro tutorial

Agosto está en su punto medio y las vacaciones llegando a su fin... Mi tiempo libre se agota y empezaré con las clases y exámenes... Espero poder acabar este tutorial que tengo entre manos, que será un intento de "Match 3" estilo Columns, o Bejeweled, aún no lo tengo claro. Los gráficos serán muy "bonitos" y estarán mucho más animados que el anterior tutorial, ya que serán montados por piezas. Un animalito estará formado por 2 ojos, algunos por dos orejas, otros con colas, otros con alas, cuernos, etc...

Gracias a esto, podré explicar un poco la herencia en Objective C. Puesto que cada uno es un "Monstruo" tendrán "habilidades" y "propiedades" comunes, independientemente de cuantas patas, ojos, colas, alas, tengan.

Para prueba, un video:


¡Permaneced atentos!

Ya está a la venta "Smash Them!"

Smash Them! ha sido aprobado por Apple para ser vendido en la App Store. El juego no es más que un ejemplo de cómo desarrollar para iPhone y además, una manera de hacer un pequeño donativo por la publicación del código fuente. El proceso de verificación de esta aplicación ha llevado en total 5 días. Cada uno de los procesos por los que ha pasado la aplicación han sido: Waiting for review, In review, Processing for App Store, y finalmente, Ready for sale. El tiempo que ha tardado cada uno ha sido:

Waiting for review: 5 días
In review: 5 horas
Preparing for App Store: 20 minutos

Tutorial Cocos2D: Juego completo (parte 4)

Hoy escribo la última entrada referente al primer juego completo publicado en el blog. De momento lo hemos tocado todo, desde la lógica principal del juego, hasta las animaciones. Pero aún queda una cosa esencial en todo juego... El menú

Para ello he creado un menú totalmente simple, con una imagen de fondo y tan sólo dos opciones. Jugar y visitar el código fuente del juego (ya que tengo pensado publicar el juego a modo de "donación" por un precio de 79 céntimos).

Las letras del menú estarán animadas para dar un poco más de vida, y además, mostraremos la puntuación más alta obtenida en nuestras partidas anteriores.

Tutorial Cocos2D: Juego completo (parte 3)

Y ahora, el tutorial está llegando a su fin, esta es la tercera parte de un total de cuatro partes, y en esta en concreto, explicaré la lógica de juego, la detección de toques en la pantalla, el "montaje" del escenario, barras de progreso (CCProgressTimer) y como crear unas partículas en Cocos2D.

Como de costumbre, escribiré aquí la cabecera de la clase "JuegoLayer" la cual contendrá información sobre todo lo relativo al juego, como monstruos, animaciones y puntuaciones.

Tutorial Cocos2D: Juego completo (parte 2)

Por fin he tenido tiempo para preparar la segunda parte del tutorial. Esta vez mostraré como animar CCSprites para moverlos por pantalla, así como usar la directiva @selector y reproducir efectos de sonido.

Empezaré por la cabecera del monstruo, así que pensemos antes de escribir... ¿Qué métodos y funciones debe tener esta clase para poder interactuar con ella? Yo he pensado que como variables debe de tener las acciones de movimiento, y además, un array de strings donde está almacenado cada tipo de monstruo. Además, el monstruo necesita saber que nivel de "agresividad" tener acorde a un parametro de puntuación y con el tiempo de juego.

Tutorial Cocos2D: Juego completo (parte 1)

El ansiado tutorial está llegando a su fin, para no demorarlo ni crear una entrada tan larga, voy a dividir el tutorial en varias partes (creo que 3 o 4). Esta primera parte estará compuesta por la clase "Mazo" la cual os enseñará como crear animaciones con sprites.

Para empezar una clase, debemos tener claro como estructurarla y que función debe desempeñar. Esta clase que he diseñado, lo único que hace es crear un mazo. Un mazo no es otra cosa que un Sprite animado, por lo que es lógico que deba heredar de la clase CCSprite. Para ello debemos indicarlo en el @interface

#import 
#import "cocos2d.h"

@interface Mazo : CCSprite //Aquí nuestro mazo, hereda las propiedades de un sprite
{}

+(id) animacion; //Con este procedimiento, creamos un mazo (en lugar de init), que tendrá la propiedad "autorelease"
@end

Animación Mazo

El tutorial está llegando a su fín

Este fin de semana me he puesto manos a la obra para empezar (y casi acabar) el tutorial que quería publicar desde hace un par de días. El tiempo sigue siendo escaso y el esfuerzo en crear los gráficos y buscar sonidos y música es grande en comparación con la programación que debemos realizar. Cocos2D es muy simple, pero a la vez muy eficaz.

Tengo pensado publicar TODO lo realizado para el tutorial, es decir, tanto las imágenes como el código fuente y el proyecto. Por sí a alguien no le queda bien claro lo descrito en la entrada del blog.

Para ir dejando un buen sabor de boca os comentaré que es lo que llevo implementado.

Música: usaré la librería Cocos Dension.
HD y SD: Para retina y sin retina.
Sprite Batch: un png de 2048 x 1024 para almacenar todos los sprites.
Controles táctiles: detectaremos uno o varios toques.
Animaciones: las usaremos para mover sprites (y darles vida con CCAnimate).
Partículas: Todavía por implementar
Menu: Todavía por implementar
Nombre: Aún no está claro :D

Para los impacientes, además dejo un video.

Preparando algo especial

Hoy y mañana estaré bastante ocupado, pero estoy preparando un tutorial para hacer un juego completo hecho en Cocos2D. Estoy haciendo en los pocos ratos libres que tengo los gráficos que usaré. Tengo pensado tocar los siguientes temas en el tutorial:

Música: usaré la librería Cocos Dension.
Sprite Batch: un png de 1024 x 1024 para almacenar todos los sprites.
Controles táctiles: detectaremos uno o varios toques.
Animaciones: las usaremos para mover sprites.
Partículas: usaremos las partículas predefinidas de Cocos2D

Con todos estos elementos ya podremos crear un juego bastante simple y educativo, ¡Permaneced atentos!

Multiples "dedos" o "toques" o "touches"

Hoy voy a mostrar un simple ejemplo de como detectar cuantos dedos hay en la pantalla. Es un poco más "complejo" que obtener información del sensor del acelerómetro, pero sigue siendo sencillo para todos.

Comenzando desde un proyecto nuevo en COCOS2D y eliminando el contenido del hello world (como ya hicimos en el tutoria acelerómetro) tenemos que añadir las siguientes líneas de código:

Acelerómetro y Cocos2D

Hoy enseñaré como usar el acelerómetro y además, a elegir una imagen de un sprite, acorde con el ángulo del iPhone.

Para ello, necesitaremos esta flecha que he diseñado yo mismo (para vuestro uso y tutorial)
Descarga flecha animada / Download animated arrow

será algo tal que así:

Cómo veis es una imagen parecida a la que subí anteriormente, por lo que el ZIP de Megaupload contiene las imágenes en HD y SD así como los archivos correspondientes "plist"





Y este será el resultado final del tutorial:

¿Synthesize? Objective-C te ayuda con getters y setters

Mucho he tardado en entender de una manera clara que es @synthesize en Objective C. Y por fin sé que es, y puedo explicarlo de una manera clara. No sé si me topé con una mala ayuda, o simplemente tuve varios días malos, pero por fín lo tengo claro.

Aquí os dejo la "ayudita" de hoy.

Supongamos que tenemos una clase "Persona". La cual tendrá Nombre, Apellidos y edad como variables de clase. Tendremos pues, un header definido de la siguiente manera:

@interface Persona{
    NSString *nombre;
    NSString *apellidos;
    int edad;
}

¡Animación gratis para tu juego!

Hoy no he podido actualizar el blog ni daros nada interesante a lo largo del día, puesto que es un domingo y no lo he trabajado :D

Hoy os dejo aquí un pequeño apaño, arreglo o ayuda para vuestro juego. No es gran cosa, no soy un grafista profesional, pero algo es algo.

Cómo veréis, no es más que una imagen PNG (con transparencias) acompañado de un plist. El archivo podéis conseguirlo desde uno de los servidores gratuitos que ocasionalmente usamos para subir nuestros pinitos, y en este caso lo alojaré en Megaupload

Descarga animación gratis / Download free animation

La razón por la que os "regalo" esta animación es porque la tengo para mi juego y aún no sé si usarlo como bonus, no usarlo, o tirarlo a la papelera :P Así que, por si acaso he hecho trabajo en vano, os lo doy. Casi lo olvido... Tiene la versión HD y la versión SD (iPhone 4 para HD y resto de dispositivos sin Retina display para la versión SD). ¡Disfrutadlo!

Distancia de un punto a una recta

Bueno, en mis desarrollos de juegos/aplicaciones/chorradas muchísimas veces he tenido que hallar la distancia entre un punto y una recta. Siempre he acabado solucionándolo de una forma u otra. Pero siempre tenia las tediosas divisiones por cero... Tenía que comprobar siempre que el denominador fuera distinto de cero. O si era próximo a cero la precisión en la distancia se veía un poco comprometida... Debido a la precisión de los Float.

La fórmula es la llamada "Fórmula de Heron"  y se basa en la obtención del área de un triángulo.

x1, y1, x2, y2: Definen la línea.

px, py: Definen el punto.

-(float) distanciaPuntoRectaConPuntoX: (float) px PuntoY:(float) py LineaX1: (float) x1 LineaY1: (float) y1 LineaX2: (float) x2 LineaY2: (float) y2{
    float d1,d2,d3,s,area;
    d1 = sqrtf(pow(x2-x1,2) + pow(y2-y1,2));
    d2 = sqrtf(pow(x2-px,2) + pow(y2-py,2));
    d3 = sqrtf(pow(px-x1,2) + pow(py-y1,2));
    s = (d1 + d2 + d3) / 2;
    area = sqrtf(s*(s-d1)*(s-d2)*(s-d3));
    return (2*area)/d1;
}

Y eso es todo por hoy, simple pero efectiva fórmula de Heron. ¡Se acabaron los problemas!

Finalmente será un blog en Español

Aconsejado por una mayoría de compañeros, he decidido que será un blog en español. Siempre se puede traducir un blog con Google Translator (Que horror :D)

Las razones son obvias, el inglés y el español están muy reñidos en cuestión de hablantes (aunque predomine el inglés) y existen muchos blogs en inglés sobre programación, y la verdad, que pocos he visto en español. Quizás pueda ofrecer algo más de ayuda a mis compañeros de lenguaje.

Por petición, si algún tutorial genuino resulta atractivo para otros hablantes, me haré una traducción a mi "estilo".

A lo largo de hoy, publicaré algo un poco tonto, pero que siempre me trajo de cabeza... ¡Distancia de un punto a una recta!

First entry? Primera entrada?

Well actually I don't know which language should I use for my blog, I think this a very basic and simple English that everybody can understand... I will think this problem and discuss it with my pillow... Who knows... Maybe tomorrow I'm writing in Spanish...

Btw. This blog is aimed to be about programming skills for iPhone (I think, better to say iOS) and nice tricks and code snippets from my developments in my own games. Maybe some tutorials... Maybe some reviews and quizás alguna que otra tontería mas... (Spanish language!)

See you next time folks!

PS: I've done this blog and this first entry with my iPhone 4!