Mussage para iPhone, Mensajes Musicales

Qué es Mussage?

Les dejo un video que explica qué es y su funcionamiento

link a YouTube

La idea

Una idea simple con elementos que ya existen pero combinandos de una nueva forma; voy a explicarme a través de unos conceptos clave:

  • La mayoría de las personas utiliza los mensajes de texto
  • Se envian mensajes entre amigos, familiares y pareja.
  • A todos les gusta escuchar música.
  • Todos guardan enormes cantidades de canciones en el iPod, entre 1.000 y 7.000 según la capacidad del dispositivo.

A partir de esto pensé: ¿No sería bueno poder enviar una canción con un texto a un amigo? y la realidad es que no hay ninguna aplicación que te deje hacer esto de forma sencilla. Otro obstáculo son los derechos de copyright de los artistas…

EUREKA!

¿Por qué no enviarle un mensaje de texto a un amigo con una canción que tiene en SU PROPIO smartphone?
Me pasa con frecuencia que como tengo tantas canciones en mi iPhone nunca sé realmente qué discos y artistas tengo guardados y de vez en cuando utilizo el modo Random para escuchar música y me sorprendo diciendome “no sabía que tenía esta canción”.
Además otro punto positivo de la idea es que se supone que las canciones que uno tiene son sus favoritas, las que más te gustan. Entonces si envío una canción a un usuario de su propia biblioteca de canciones, es difícil que no le guste!.
Lo mejor de todo: es simple de programarla en iPhone, no requiere un equipo monstruoso ni meses de trabajo, al menos para desarrollar la idea básica. Obviamente después se puede mejorar y agregarle features, pero el concepto de la idea es realizable por un sólo developer.

Nacimiento

Asi nació Mussage -mezcla de las palabras en inglés Music + Message- una aplicación desarrollada en una semana, como les comentaba en un post anterior. Fue una semana dura, de horas y horas de programación, diseño y aprendizaje!. Envío para la revisión de Apple y ya está aprobada!!

Disponible en iTunes AppStore

La aplicación ya está lista para bajar a tu iPhone, iPod Touch o iPad en el app store de Apple, para bajarlo ahora mismo hace click en la imagen:
Ya se encuentra la versión 1.1 con significantes mejoras hechas a la versión anterior.
Además los invito a visitar la Web de Mussage enhttp://www.na8.com.ar/mussage que tiene información adicional de la aplicación.

Futuro

Quiero agradecer a mi Wapis que me ayudó en los dibujitos del video-tutorial e hizo la grabación del relato del video super bien! Además el logo también es de ella!. Muchas Gracias!!!
El futuro de la aplicación se irá viendo, seguramente se pueden hacer muchas mejoras! Espero sus comentarios y sugerencias!!
Es posible que desarrolle una versión para Android y una específica para el tamaño de pantalla del iPad.
.
.
.
Juan Ignacio Bagnato.
.
.

Construi un ovni miniatura que vuela!

El cortometraje sobre un ovni en buenos aires lo voy a seguir haciendo, pero hasta que no tenga bien definida la historia que planeo contar, no voy a avanzar. Decidí apuntar mis cañones a practicar con todas las herramientas digitales para lograr el máximo realismo que pueda en VFX en que me metí …

Para contar la historia de manera que sea entendible y tenga una buena estructura dramatica, y asi lograr que el espectador la entienda facilmente, decidi hacer un curso de 3 meses sobre guion y producción audiovisual con Jorge Maestro y Pablo Cullel (muy recomendable). La verdad es que cada vez me interesa más este campo donde se potencia la creatividad.

Para testear iluminación, materiales y demás, hice un plato volador WTF?? de porcelana fría y lo pinte con pintura acrílica metalizada, así quedo:

mini-ovni

Mini ovni de porcelana fria

Mientras yo jugaba mis nenas jugaban con el plato se me ocurrió darle vida, sisi, al mini-ovni que acababa de crear, pensé que sería muy divertido hacerlo y la historia que podía contar podría ser muy cómica, me puse manos a la obra y escribí un “guion” bien cortito, esto fue lo que salió:

Si, una lástima el actor de cartón, repetí 25 veces que estaba por terminarlo :-/, eran las 4 am cuando se grabó, no quería dejarlo para mañana, y no tenía otro aparato actor cerca.

Asi se veia mi maquina mientras lo hacia:

screenshot mini-ovni

(click para agrandar) trabajando con los dos monitores: en el primero se puede ver el ovni posta y el 3d, mientras ecualizaba los colores.

Datos técnicos:

CamaraSony HDR-XR200v
Grabacion: Dos días, de 4 a 6 am cada dia.
Cantidad de tomas total: 50
Cortes en el plano final: 2
Cantidad de archivos: 11511 (cada secuencia se pasa a TGA)
Peso total de los archivos:  11.707 MB (casi 12 Gigas)
Software utilizado: Boujou + Photoshop + Edius + 3ds max + After effects + Vegas (entre otros)
Tiempo aproximado de desarrollo: 50 horas (incluyendo aprendizaje para usar algunas herramientas)
Bebidas: 3 gaseosas, 6 cervezas (para matar al cafe).
Baño: 11 veces.
Café para matar la cerveza: 18.

 

Bueno, espero que les haya gustado tanto como a mi hacerlo, a pesar del tiempo que lleva y los problemas artísticos que sufri, fue una muy buena experiencia.

… ya estoy por terminarlo al prototipo….

Se aceptan comentarios 😉

Tutorial: Personalizar canal de youtube

Como ya algunos saben, me gusta personalizarlo todo!, hace un tiempo le di estilo (intente) de dibujo a mi home www.crystian.net, ahora se me ocurrió de hacer lo mismo con twitter y con youtube. Empecé por youtube a ver si podía hacer algo, y si se puede medio rebuscado, seguramente lo hicieron intencional para que cualquiera (y no solo los partners) puedan cambiar la apariencia del canal.

Básicamente es poner una imagen de fondo, y luego poner los elementos visuales de html (bordes, etc) transparentes :)

Así quedo mi canal:

http://www.youtube.com/crystian77

canal crystian77 youtube personalizado customize

Una aclaración importante es que no se puede cambiar la “estructura” general, esto se aplicaría como un skin. Mas que una modificación, eso no quita que puedas hacer algo interesante, simplemente tenes que ser más creativo.

Lo que propone youtube es personalizar colores, fuentes, con temas preestablecidos, pero también tenemos un modo avanzado en el cual podemos customizar (personalizar en spanglish) los colores y también agregar una imagen de fondo a modo repetitivo, tipo mosaico o bien sin repetir (en este modo se centra la imagen al canal), y también tiene una opción mas que interesante de transparencia, de la cual nos vamos a aprovechar. Comencemos:

ESTRUCTURA:

Lo primero es definir los paneles y los módulos que va a tener el canal

estructura modulos

Luego ubica y ordenalo como quieras (usando las flechitas) en los paneles moviles.

En mi caso lo organice de la siguiente forma:

estructura canal crystian77 youtube customize

Ahora, necesitamos extraer el esqueleto de esta estructura para comenzar a diseñar, para esto creamos un nuevo tema desplegamos “temas y colores” luego “nuevo tema”, le ponemos un nombre como “maqueta” y modificamos los colores para resaltar la estructura del sitio y que sepamos puntualmente que estamos viendo, por ejemplo asi:

youtube estructura

Podemos apreciar claramente la estructura, si, es muy feo gráficamente pero pensemos que es el esqueleto, le falta la “piel” que vamos a construir.

Paso siguiente, screenshot completo de todo el canal y lo llevamos a photoshop (o tu editor de imágenes favorito)

Desde firefox podes usar fireshot o algún plugin similar, si no, con alt+print screen (es la primer tecla de esas tres teclas que jamás usaste llenas de polvo que están arriba del teclado numérico a la izquierda)

Ahora en tu editor de imágenes cortas la imagen dejando centrada a la estructura, prestando mucha atención a este punto, si después la subís y no está centrada solo deberías agregar más pixeles a uno de los lados para centrarla.

ARTE:

Creas una capa nueva y luego en esta, “pintas” encima tu nuevo skin, por ejemplo en este caso vamos a simular dibujo a mano alzada. Claro está que en este punto uno puede hacerlo como quiera (sería interesante uno con metales), en este punto libera tu creatividad al máximo!

Explicare como hice el mío. Básicamente pinte con un pincel similar al trazo de una birome, haciendo las imperfecciones del trazo a mano para que quede más realista.

Es una buena práctica una vez que tengas la estructura mínima la subas para ver cómo queda, ajustar y resolver cualquier problema antes de continuar.

Luego le puse un fondo de papel tipo periódico, debajo y encima de este agregue cosas que están en mi escritorio actualmente, “links” a proyectos personales, cosas que me gustan, o incluso me definen, simplemente para mantener mi estilo y ser coherente conmigo a veces lo soy

Para dar apariencia “real”, casi todo tiene sombra, eso le da profundidad a la imagen y por ende queda más realista. Algunas cosas, como los billetes y los textos fueron escaneados.

Una vez terminado te queda algo así:

maqueta youtube estructura final crystian77

Vamos a youtube y creamos un nuevo tema, configuramos los colores de acuerdo al estilo que le dimos, y lo importante, ponemos transparente a la estructura:

Y con esto ya tenemos nuestro canal personalizado, si bien no cambiamos la estructura básica, si cambiamos la manera en la que mostramos nuestro canal.

TAMAÑO MAXIMO:

Para la imagen del fondo parece no tener un tamaño máximo de subida en cuanto a resolución, pero si en “peso”, no debe superar a los 256k, como el tamaño en resolución suele ser grande, es necesario comprimir a cambio de sacrificar calidad, usando el formato jpg, estoy usando más o menos calidad al 45% según el “save for web & devices” de photoshop.

.

Si te gusto este post, retwitealo, pásalo a tus amigos, y regálaselo a tu mama en su cumpleaños para mejorar su canal :P, je posta, si te gusto reenvíalo 😉

Si lo usaste o no, comenta en este post y pone tu canal para que todos lo veamos :)

Enjoy


NOTA: Si tiene un tema, cuando pulsas sobre listas de reproduccion tiene el mismo fondo, casi no se nota, pero bueh.

Modelado 3D, una pasion

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, Sigue leyendo

Tutorial: Como hacer un video/pelicula desde battlefield 2

Sigo metiendo post retroactivos de cosillas que habia hecho. (ya voy a meter post interesantes, bancame un toque)

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 2modsbf2DemosnombreArchivo.*” copiar estos dos archivos a “Mis documentosBattlefield 2ProfilesDefaultDemos”, 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 documentosBattlefield 2ProfilesDefaultDemos”, 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