Los pasos que fui realizando y las herramientas (en su mayoría gratuitas) que fui utilizando.

Diagrama de Casos de Uso

Primero que nada y basandome en la idea, hice un diagrama de casos de uso con yuml.me

MockUp

Luego armo un esquema de navegación de pantallas con el Balsamiq MockUp:

DER

Ya es hora de hacer un diseño de las tablas que va a tener la base de datos! Para eso usamos el diseñador de MySqlWorkBench

Xcode

Ya es tiempo de programar en Objective C…

Además utilicé los siguientes Frameworks, librerías y herramientas para iOs:

• FMDB para SQLite
• JSONKit para parseo y recepción de Json con el Server
• MD5 para envio de Hash con el server y autenticar el login
• Internacionalización de Strings y de Xib en Inglés y Español.
• QuartzCore para animación de Vistas
• MediaPlayer para reproducción de canciones del iPod
• MessageUI para envío de mails dentro de la app

Lado Server ( PHP )

Diseño Gráfico

Web para la Aplicación con HTML5

Publicar en el AppStore

Listo!

Ir o no ir?

Estaba con dudas de inscribirme o no al evento. Lo lei en un blog de emprendedores: Startup Weekend Madrid un encuentro de emprendedores de diversas ramas; tecnologia, diseño, marketing, negocios y el objetivo de desarrollar una idea entre el viernes 3 de junio a la tarde, sábado y domingo en una maratón de trabajo para presentarse frente a un jurado de 4 inversores el domingo por la noche.

Me inscribí, saqué el billete de avión Santiago – Madrid, reservé hotel cerca del metro en la Gran Vía y empaqué mis cosas. En el vuelo pensaba si presentar una idea o no. Es algo difícil: primero “entregar” tu idea a un público desconocido, segundo ser juzgado con la posibilidad de sentirse desvalorado, tercero el desafío de darse a entender y transmitir la idea en sólo 1 minuto.

Contar una idea

Para el evento que organizaban las chicas de la agrupación Ellas 2.0 (que tiene como bandera el motivar y apoyar a las mujeres a que se animen a emprender) nos había enviado un mail con unos slides muy interesantes acerca de cómo dar tu Elevator Pitch de 1 minuto: presentarse, plantear un problema y tu solución destacando lo que la hace innovadora y original. Escribí mi idea y luego la leí tomandome el tiempo con el cronómetro del iPhone. Conclusión: imposible decir todo en 1 minuto!. Entonces había que recortar cosas y frases, adjetivos… y… mejor escribirlo otra vez.

Llegó ese viernes a la tarde y el encuentro estaba interesante, intercambié palabras con varios de los participantes, las típicas preguntas de “vos que haces?”, “vas a presentar idea?”, “es la primera vez que venís a un evento como este?”. El espacio de Madrid OnRails estaba al 100%, eramos 90 emprendedores y no tardamos en hacer explotar el router wifi!. 33 presentabamos ideas; yo era el número 26 y mientras veía el desfile de 60 segundos de mis antecesores me ponía cada vez más y más nervioso.

Abri fuego: “Mi nombre es Juan Ignacio y vengo a proponerles crear el juguete del futuro…”

Salí de mis 60 segundos a pura adrenalina; el corazón me latía y me latía. Las propuestas luego eran votadas y sólo algunas sobrevivían a la nueva etapa; pasamos a ser 17 y había que conformar equipos multidisciplinarios para poder enfrentar el resto del fin de semana. Tuve cuatro miembros casi instantáneamente: Mathew el diseñador americano, Antonio diseñador de videojuegos, Juan Diego creativo marketinero y Jimmy un experto en fabricación y relaciones sociales. Más tarde se nos uniría Clara, madre y diseñadora web.

Emprender sábado y domingo

Qué puedo decir? Para mi estaba claro que si estas cinco personas estaban en mi equipo y apoyando mi idea era porque estaban más locos que yo. Pero qué lindo momento! Es increíble ver que otras personas se involucran en tu proyecto, que participan y trabajan y creen realmente en lo que estan haciendo. Durante el sábado y domingo trabajamos duro; aunque nos permitimos salidas, charlas y muchas bromas. Trabajamos divirtiéndonos; rodeados por muñecos, juguetes, con papel de aluminio en la cabeza para intentar mejorar la señal wifi y conociéndonos un poco más entre nosotros. No nos olvidemos que sólo horas antes éramos totalmente desconocidos.

Asi nació PincheToys; un híbrido de juguete entre lo real y lo virtual para niños. Un “juguete multi-mundo”. Nos gustaba mucho la idea, pero tanto como nos gustaba también creíamos que era la más descabellada de las 10 que se iban a presentar ese domingo a las 19hs ante los inversores.

Eran las 18.30hs y terminamos nuestro Powerpoint. Ahora a ensayar!? No. Ya no había tiempo y además como me dijo Jimmy “que salga de forma natural”. Yo como loco… pensaba: “esto va a ser un desastre”.

Salir a la cancha

Empezaron las presentaciones y eramos el número 6. Los otros proyectos muy interesantes, buenas proposiciones; aunque cuando llegaban las devoluciones de los inversores veíamos cómo detectaban rápidamente las debilidades y puntos flojos.

Llegó nuestro turno; yo hubiera tomado un shot de whisky antes de salir a la cancha pero sólo encontre Coca Light.

Arrancamos nuestra presentación y milagrosamente fue saliendo, fluíamos… se iba dando como una charla informal explicativa y con ciertos toques de humor. Aplausos. Nuestra devolución fue iniciada por Paloma Cabello (del MIT!) que nos dijo que aunque ya había visto otros muñecos usb en el mercado le gustó la creatividad en la propuesta y que además fuera útil tanto en el juego de computadora como en la vida real. Tuvimos una respuesta bastante positiva! por supuesto que nos dijeron que tendríamos que manejar bien la logísitca y distribución a tiendas para lograr nuestra empresa.

Quedé muy contento con todo; cómo había salido, el buen equipo que armamos, el trabajo enorme que habíamos hecho. FIN, ya estaba hecho para mi. Fin de semana concluido, muy feliz, había valido la pena todo el esfuerzo.

Y luego ocurrió lo imposible: el jurado nos seleccionó como el Mejor Proyecto.

IN CRE I BLE.

Un fin de semana de locura.

Battlefield 2

Hace dos años o más, fui adicto jugador de battlefield 1942 y 2, me uní a un clan (Fenix) con el cual fuimos “campeones” de argentina en un campeonato auspiciado por un server y comunidad local, y gracias a esto nos hicieron una entrevista en TV por cable, en rock & pop TV. En ese tiempo comencé a ver gente que realizaba videos con este juego (famosos “mine” si los hay), a mí en lo personal me fascina hacer videos/cortos/películas, recuerdo precisa y gratamente el año .. 90… 91 o 92.., ok no tan precisa.. donde Disney lanzo un juego llamado Stund Island, uno de los primeros juegos en 3D en la época dorada del D.O.S (en ese momento no había nada en 3D y obviamente este era todo en 3d primitivo, sin texturas, ni sombra, ni nada, solo los objetos 3d en lowpoly pero servía, y esto estimulaba mucho la creatividad), el juego básicamente era de aviones y se trataba de realizar acrobacias filmarlas y exponerlas en un cine, todo esto dentro del mismo juego. Como ejemplo de filmación seria aterrizar un avión en un tren en movimiento, esta era la intro:

El juego tenía la opción de hacer postproducción (del cual aprendí mucho y supongo que de ahí viene mi gusto por esta área) y también tenia opción de hacer tus propios videos con cualquier argumento, sencillamente genial para esa época, hoy esta “the movie” que es similar en cuanto a concepto pero no es lo mismo.

Volviendo battlefield, unos cuantos juegos tienen opciones de guardar a video pero battlefield tiene una opción de guardar la partida, esto significa que guarda la posición y acciones de todo (coordenadas y estados técnicamente hablando) y se puede reproducir la partida desde cualquier angulo, esto da una tremenda libertad para hacer este tipo de cosas; Para comprobar esto realice un video llamado: “El francommander” un francotirador (sniper) y comandante (commander) todo en uno, básicamente jugué un juego normal mientras guardaba la partida (en modo offline o sea contra la maquina) y luego con un trabajito de post producción quedo asi:

Todo en una única toma, si lo hubiera planeado no habría manera que la escena haya quedado así, por ejemplo los tipejos que se quieren escapar de la artillería y justo les cae en la cabeza uno de los misiles, increíble.

(También para que otros puedan hacer cosas similares escribí un mini tutorial)

Como me gusto y mucho hacer esto, decidí ir mas allá, y hacer un corto real!

Escribí el argumento, dividí en escenas, modifique el mapa adecuando a los requerimientos de cada escena, por ejemplo le puse aviones a un mapa que no los tiene, infinidad de tanques y demás; Una vez que tuve todo digerido y listo comenzó el “rodaje”, primero la búsqueda de extras y personas que me quieran ayudar con la post que no es algo menor, una vez que estaban disponibles los extras comenzamos a rodar en un server propio cuando la escena requería que seamos pocos y luego en un server dedicado que me prestó la comunidad de netplay para cuando éramos muchos.

Para organizar todo me fue muy útil un spreadsheet de google y también para compartir el argumento como otros datos.

Llegamos a rodar todas las escenas requeridas, solo faltaría algún complemento pero en términos generales estaría todo filmado y en video, en mi disco todo el crudo está pesando 120 GIGAS! (y durmiendo …)

Lo que resta para terminarlo es postproducción, doblaje, audio y música (moco de pavo), así que aun falta bastante es algo que en algún momento terminare indudablemente, el video final dudara unos 20′, quería que fuese menos, pero… :S

El proyecto esta en un 53%, invertí 280 horas, armando, desarrollando y porque no aprendiendo.

Estos son algunos videos de prueba que fui haciendo:

Intro:

Actores rebeldes:

Borrador 1: efecto matrix

Reintentando una parte del vuelo, se ve lindo

Ultimo borrador: Ataque coordinado

Y screenshots deliciosos que saque de las escenas:

[View with PicLens]

123►

Debo agradecer a mucha gente que hizo esto posible, y espero agradecerles con el video terminado, ojala encuentre tiempo para terminarlo.

Desde hace unos 5 meses aproximadamente estamos trabajando en un proyecto web, siendo este nuestro primer “gran” proyecto para la web (de muchos que vendrán luego).

De que se trata este proyecto?
Mucho no podemos contar (hasta dentro de unos días que lancemos la beta), pero lo que si podemos adelantar, es que se trata de una aplicación grande para facebook (sisi grande, en comparación con las típicas “aplicacioncitas” de feisbuk y ese es nuestro truco, hacer algo de calidad).

Creemos que va a tener una gran audiencia esta aplicación, porque es algo que a nosotros y a nuestros amigos (no tan informáticos) nos encantaría que ya estuviese, y por todo lo que leemos a diario que nos da un buen panorama para este tipo de aplicaciones.

Con este post queríamos también mostrar algunas fotos de estos 5 meses en los que invertimos muchisimas horas extra laborales (mas de 700) para todo el desarrollo.

Tecnologías usadas: Mysql+Php+Muchoajax

Mapa de la idea

Casa de nacho a las 4:44 am de un viernes... eso si es ser nerd pasion!

En casa, cuando anduvo la integracion y pudimos ***** el *****

Desde mis 18 (hace 1 año… ) utilizo el 3D Max (en D.O.S. era 3D Studio), es algo que me encanta hacer, lamentablemente nunca conseguí trabajo de esto , al menos acá en Argentina, hace muy poco comenzó a haber un poco de industria.

Recuerdo que incluso fui a Polka con un CD presentación de mis trabajos, cuando lo vieron, me dijeron: “emmm… y sabes hacer paginas de internet?”, y claro está, en ese momento no sabia nada de la web, y mucho menos de programar buuu (hace como 10 años).
Si sabría sobre web/sitios, cuanto me hubiera cambiado la vida ese instante, no?

También participe en un piloto para canal 13, fue en la época de la película “Dia de la independencia“, el argumento no lo recuerdo, lo que si recuerdo es que hicimos algunas naves, la famosa sombra circular cubriendo el obelisco, una navesita en Marte, y demás. Ahí conocí a la Anabel Cherubito “la gallega” (baba).

Tuve que decidir que hacer, si seguir intentando con 3D u otra cosa, y por problemas económicos a nivel familiar, tuve que “decidir” hacer “otra cosa” con mi tiempo libre

Los años pasan y veo la evolución del 3D y me da una sensación “de cosita”, de que podría haber estado bueno ser participe de ello, y bueh, seguramente no le puse lo que tendría que poner.

Estos son algunos de los recuerdos que me quedaron, luego de la gran perdida de mi disco :S, enjoy:

VIDEOS (Click sobre la imagen, bajar y ejecutar, no habia youtube en ese momento )

Campo: Toma a la camioneta y luego al avion con ruido en la camara Campo: Prueba de humo de un cohete para la insercion en la escena Una camioneta por la ruta Presentacion general de varios trabajos que realize en su momento Toma panoramica del mate Cruze por la via lactea siguiendo a un cometa y este se estrella con la tierra Presentacion sencilla para un posible programa de cable Un simple logo con refraction Puente Alsina: Toma panoramica del puente en un escenario de prueba Puente Alsina: Prueba en escenario con niebla Toma panoramica de larguirucho Simulacion de borracho Toma que entregue a la productora Panoramica de la lampara, basada en un modelo real Brazo roboico, probando suspenciones Brazo robotico, probando suspenciones (2) Panoramica de la piesa Ingreso a la piesa por medio de la ventana, OjO con el ventilador! (Era una habitacion real)

IMAGENES

Lo ultimo que hice, una escena en el campo, simplemente queria comprobar si podia llegar a generar un poco de realismo: [View with PicLens]

Personajes: Nene (mio), y larguirucho (muñeco de goma), un clasico argentino: [View with PicLens]

Puente Alsina, Pompeya, Argentina: [View with PicLens]

Varias: [View with PicLens]

 
(cuantos recuerdos…)
chup

Había retocado muchas, pero lamentablemente en algún momento se me rompió un disco donde tenia muchisimos laburos (Que obviamente no había hecho su correspondiente backup) y perdí todo, solo me quedaron estas:

(Fijate las descripciones )

[View with PicLens]

En algún momento escribiré como hacer la de los clones

(Post retroactivo, 3 años)
En algún momento de mi vida también hice mapas para vídeo juegos, comencé con el archiconocido Counter Strike/Half Life, luego XIII, battlefield 1942, battlefield 2, y otros mas.

La verdad, me encanto, es algo que sin duda voy a volver a hacer.
En el aprendizaje de la herramienta (VALVE HAMMER EDITOR), replique varias locaciones, dos casas, una cocina, y lo ultimo que hice fue una oficina donde laburaba (GameLoft), de este trabajo me fui y no llegue a terminar, buuuh

Salio la versión 2 de Half-Life (HL) y no pude resitir probar el nuevo motor, me encanto, y en ese momento me uní a un grupo/foro de changos que hacían mapas también, escribí algunos tutoriales como este, y demás (www.mapland.com.ar, no existe mas   ).

Un día común y corriente dije… “tengo que hacer algo que no este hecho!” …( vaya… cuantas veces lo dije )
Y pensé en hacer algo… algo que represente argentina, algo que sea facilmente reconocible, y sobretodo aprovechando la nueva tecnología de HL2 (Mucho mas polígonos que el uno).
Pensé en el obelisco, pero me pareció demasiado sencillo y no era muy propicio para un conflicto “bélico” (básicamente poner obstáculos para cubrirse de los disparos enemigos).

Entonces se me ocurrió representar la plaza de mayo! (el techo verde arriba de la plaza)

El día 2 de Abril del 2005 (después les cuento porque se la fecha) fui a la plaza con mi esposa y mis hijas y mientras les daban de comer palomitas de maíz a las palomitas de carne, “casualmente aproveché” a sacar fotos a la plaza y una cuadra hacia adentro. Fueron 13 cuadras (mas de 26 en total, contando con las de un lado y las del otro), saque mas de 450 fotos (Rengo, gracias por la cámara).

Obviamente la idea no era que lo haga yo solo, iba a proponerlo en el foro, pero justo el owner (dueño) le dio de baja, así que practicamente perdí contacto y entusiasmo para hacerlo, buuuh

Comencé a hacerla por la primer manzana, el “Banco de la Nación Argentina”:

Primero lo hice para HL1 y luego “migre” a HL2, se puede ver la comparación de motores en el resultado:

HALF LIFE 1:

HALF LIFE 2:

Comparación entre HL1, HL2 y Realidad

Estas son algunas de las texturas que hice y utilicé:

Así se ve en el juego:

Vista de Águila

Misma vista con polígonos

Fue muy bueno hacerlo, lastima el tiempo que llevo y el que hubiera llevado hacer todo :S, no tengo ambiciones

Un anécdota al momento de sacar las fotos:

El día que fuimos a sacar las fotos, le dije a mi esposa, vayamos a la catedral, quiero conocer como es adentro, entramos, saque algunas fotos y a los 10′ minutos, entra un párroco o algo de eso apurado, y llega hasta el altar, murmura con otros, de repente se llena de periodistas la catedral, cámaras por todos lados, el párroco principal agarra el micrófono y anuncia que Juan Pablo Segundo, acababa de fallecer! jo!, que increíble estábamos en ese momento ahí!, lo abre matado con mi presencia en una iglesia católica?

UPDATE 15-12-08:Este es el mapa para bajar (perdi algunas texturas )

En este caso una peliculita y tutorial que hice hace un año y medio dentro del juego battlefield 2, estaba experimentando como hacer una película y salio esto que me dejo bastante conforme:

Mini tutorial de como hacerlo:

Requerimientos de software: BF2, Fraps, algun editor de video (MS Windows movie maker, Premiere, otro).
Downloads: FRAPS (pass www.atfix.com), una demo de prueba
 
Fraps
En principio fue diseñado para visualizar los fps de los juegos hechos en directX, pero con el tiempo evoluciono y hoy permite sacar screenshots (de manera mucho mas eficiente que la que incluye el juego), mostrar FPS en el LCD del teclado G15, grabar videos y algunas cosillas mas.

Este soft graba exactamente lo que se ve en el monitor, y lo guarda en un archivo con su codec propietario (si pasas el video a otra maquina y no tiene instalado el fraps no se va a poder visualizar) este formato es en bruto para tener mayor calidad, lo cual implica un terrible uso del disco rígido, ejemplo: 1 minuto en 1024 x 768 equivale a un giga!

Este es el panel de configuracion de grabacion de video:

Donde se especifica los fps maximos (en el juego te los baja al que especifiques aca, recomendable 30, si estas en mas de 60 como normal, cuando empiece a grabar se notara la bajada a 30), half-size (la mitad del tamaño de la aplicación, si es 800×600, sera 400×300, si el objetivo es la web es aceptable, y si queres todos los detalles usar full-size obviamente tener encuenta el costo del disco.
También tiene como opción “no mostrar al cursor” y permitir desincronizacion de video con sonido, obviamente no es recomendable, ojo, me paso en COD2 que el sonido se desincroniza solo por mas que no este marcada esta casilla.
 
Demo
Desde el juego siendo servidor o en single player se puede grabar demos en archivos individuales o si el servidor dedicado tiene habilitado dicho parámetro, graba toda la partida en un archivo y es descargable desde el menu del juego (comunidad-grabacion de batallas).

Las demos suelen ser archivos livianos ya que no son video, si no son coordenadas y datos de la partida, y con esto se puede visualizar desde cualquier ángulo la partida, ya sea libre o detrás de algún player.

Dos grandes contras:

1. Los movimientos de “camara” son bruscos y no hay una manera de suavizarlos en tiempo real.
2. No se puede “rebobinar”!!!, si te pasaste, tenes que volver a empezar.

Para grabar una demo/secuencia: Abrir la consola (~), luego escribir “demo.recordDemo nombreArchivo”, cuando se quiera terminar de grabar, de nuevo en la consola escribir “demo.stopRecording” esto genera dos archivos y los guarda en “Battlefield 2\mods\bf2\Demos\nombreArchivo.*” copiar estos dos archivos a “Mis documentos\Battlefield 2\Profiles\Default\Demos\”, luego desde el menú principal de bf2 “comunidad-Grabacion de batallas”, en el panel de la derecha seleccionar “nombreArchivo” y el boton “reproducir archivo”, luego de cargar el mapa se puede visualizar la partida en accion.

Con el mouse se apunta la vista y con las teclas W,A,S,D se mueve en paralelo a la pantalla, Ctrl baja hasta el piso, Z se eleva, Shift apretado y alguna de las teclas mencionadas se mueve mas lento, menos brusco.

Mas teclas:
1=Pausa/reproducir
2=Reproducción en tiempo real con sonido
3=Reproducción a 5%
4=Reproducción a 25%
5=Reproducción a 50%
6=Reproducción a en tiempo real SIN sonido
7=Reproducción a 150%
8=Reproducción a 300%

Y si no: la tecla Q abre una roseta con las velocidades:

Reiniciar: reinicia la demo, sin recargar el mapa.

Con la tecla T, abre esta roseta:

En el caso de querer seguir a un jugador pulsar “espacio” varias veces hasta encontrar el jugador que se desea, la cámara queda fija en el jugador y con el mouse gira en torno del mismo, al pulsar el boton derecho del mouse, se “despega” del jugador (cámara libre).

Bien, ahora, usando fraps mientras nos desplazamos por el mapa podemos capturar (por defecto F12) y hacer un vídeo con lo capturado, no olvidar lo que pesa cada vídeo, una recomendación interesante y sobre todo si el objetivo del vídeo es subirlo a un sitio, es grabarlo con todo el detalle posible, pero con baja resolucion, ejemplo 800×600, para que pese mucho menos (O crear un acceso directo y ponerle los siguientes parámetros: +szx 800 +szy 600, para no modificar el perfil).
Este fue un método, existe otro lo que hace es guardar en otro archivo los movimientos de la cámara (inmodificables luego) pero no los tiempos, asi que para mi caso, no me sirvió.
Mas datos sobre este método: http://planetbattlefield.gamespy.com…l&id=78&game=3
Lo bueno es que tiene una opción (+r) para guardar directamente a vídeo AVI.

Post-produccion
Ya tenemos los vídeos, llego la hora de la post-produccion:
Yo uso premier, pero no esta mal el MS Windows media maker (que viene con Windows XP) para hacer algo sencillo. Obviamente esto no lo voy a explicar ya que hay libros y mucha info en inet, pero jueguen con los controles y se sorprenderán de los resultados.

Si quieren probar usen el archivo de demo que puse al principio, recuerden, ponerlo en “Mis documentos\Battlefield 2\Profiles\Default\Demos\”, descomprimido claro

TIP1: Lo que se puede hacer para suavizar el movimiento, es grabar en cámara lenta y con la tecla shift apretada, luego en postproducción, acelerar

TIP2: Para sacar los datos (hud) que aparecen arriba a la izquierda, poner en la consola: renderer.drawHud 0, para volver a ver poner 1

TIP3: No se como es el tema de los tag, lo que hice y funciono, fue desde que cargo o reinicie el mapa, no pulse “espacio” (o roseta T)

—–
 

Dos cosas que pasaron luego:

1) Un chango de la misma comunidad, sin conocerme y sin saber, publica un post diciendo “Excelente video…”
2) Usaron el vídeo una pagina con galería de vídeos del juego (tercero).
 

Links:

Apenas termine el vídeo lo publique: netplay y cerolag
Este turorial: netplay y cerolag