Archivos de Julio, 2008

Recreando el baile de Bender en 3D

Por que ningun animador 3d se había atrevido a crear a Bender bailando. Aquií tenemos una excelente animación del portafolio de Show621 al ritmo de Louis Armstrong - Saint Louis Blues.

Presto: Homenaje al cine de animación clásico de Hollywood

“Presto”, corto animado que se muestra al inicio de la película Wall-E. Protagonizado por Presto DiGiotagione, un famoso mago de principios del siglo XX conocido por su truco con el sombrero, y por Alec, el conejo de dicho mago. El pequeño Alec no será feliz en este mundo de fama, ya que Presto no está dispuesto a compartirlo con él, y lo mantiene encerrado en una jaula alejado de la zanahoria del conejo.


Presto - Pixar from João Lima on Vimeo.

Historia del Ipod parte 1Centrándose  en la aventuras y desventuras causadas por los problemas de ego entre un mago y el  conejo que le acompaña en su espectáculo,Pixar confirma con su director Doug Sweetland confirma un cortometraje lleno de guiños y homenaje al cine de animación clásico de Hollywood, como son la propia Disney (a quien hacen un homenaje en los títulos de crédito iniciales), United Productions of America (UPA), Chuck Jones o Tex Avery. En concreto, se han basado para la preparación de ‘Presto’ en obras como ‘Case of the Missing Hare’ (con Bugs Bunny de protagonista), ‘Magic Fluke’ y ‘Magical Maestro’, cortometrajes que trataban el tema de la magia y la lucha de egos de sus protagonistas.

Vía: Blog de Cine

Reflexivas ilustraciones de la WWF

El mejor amigo del hombre

 Todos estamos en el mismo BoteExtinciónOso Urbano

WWF, World Wide Fund for Nature(Fondo Mundial para la Naturaleza), es la más grande y respetada organización conservacionista independiente del mundo.

Su misión es detener la degradación del ambiente natural del planeta y construir un futuro en el cual los seres humanos vivan en armonía con la naturaleza:

  • Conservando la diversidad biológica del mundo
  • Garantizando el uso sustentable de los recursos naturales renovables
  • Promoviendo la reducción de la contaminación y del consumo desmedido

Familiarizandose con Expression Studio: Blend

Una vez definido que es Silverlight sería bueno ver algunos sitios desarrollados alrededor de la web con esta plataforma, así como algunos de sus componentes para conocer las capacidades de Silverlight. Para todos aquellos que inician en cero, partiendo de la idea que no han trabajado con Flash, algunos conceptos serán completamente desconocidos o nuevos, pero la idea de est serie de post dedicados a Expression Estudio es partir de los conceptos básico para ir conociendo juntos las herramintas que nos ofrece Expression Studio.

Recuerda estos puntos antes de  trabajar con Blend:

  • Blend no es Flash ni es Blender
  • XAML no es Actionscript, Se parecen pero no es lo mismo jojo
  • En necesario familiarizarse con el entorno, prueba las herramientas!
  • Una aplicación WPF no es lo mismo que un sitio Silverlight
  • Será mucho mejor trabajar con ejemplos prácticos antes de profundizar en XAML

Expression Blend es la herramienta designada para la creación de sitios Silverlight con la tecnología y plataforma de Microsoft, es la competencia directa de Adobe Flash para la creación de sitios interactivos. Blender es un programa multiplataforma, dedicado especialmente al modelado y creación de gráficos tridimensionales. Esto no significa que Blend sea indiferente con lo entornos 3d ya que permite la importacón y manipulación de objetos 3d como también existen herraminetas de integración como ZAM 3D que ayudan al desarrollo de entornos tridimensionales.

XAML no es Actionscript Como lo dice fillito en su blog Silverlight está basado en javascript y un formáto propio (que no propietario)  de XML al que han bautizado como XAML (que marca los patrones de las animaciones y comportamiento del objeto), con los que no solo se definirán las acciones, eventos, efectos, etc.. de nuestro Silverlight, sino que serán el canal de comunicación para tener control sobre ellos. Cuando cargamos una aplicación en nuestra web, se genera algo parecido al DOM pero própio de Silverlight, aunque conectado directamente con el DOM real de nuestro navegador a través de una librería js de Microsoft que previamente hemos cargado en la página (asombrósamente, sólo pesa 8kb !!!!)
La ventaja principal sobre Flash desde mi punto de vista, es que toda la comunicación y control sobre la aplicación la realizamos con javascript, lo que facilita inmensamente el desarrollo (a diferencia del actionscript de Flash), y el hecho de que toda la estructura del objeto esté basada en el XAML, nos permitirá desarrollar páginas en nuestro lenguaje preferido (PHP, Ruby, Python, Java,…) y generar dinámicamente estos XAML, lo que nos da unas posibilidades asombrosas.

Familiarizarse con el entorno de trabajo ayuda mucho ya que apesar de tener un parecido similar a Flash tiene muchas diferencias (bibliotecas, timeline, eventos, importación, etc.), los paneles laterales por momentos me recuerdan el entorno de 3d studio max. Es necesario reconocer el area de trabajo y su configuración en sus modalidades de trabajo para la creación de apliacciones WPF y sitios Silverlight. Es aquí donde se vale jugar con todas las herramientas y comportamientos. Una guía en español muy completa que será de mucha utilidad en este paso es la de Everts Garay (Introducción, Área de trabajo, Administrar proyectos, Trabajar con objetos, Dibujo, Apariencia, Texto, 3D, Elementos Multimedia, Diseño, Transformaciones, Animación e interactividad, Controles, Datos, Edición de código y XAML)

Trabajar con ejemplos prácticos  ayudará a reconocer y construir nuestras aplicaciones y sitios en Silverlight, en  mi caso al comenzar a utilizar Blend con el preconcepto de Flash me era dificil realizar algunas animaciones no lineales hasta que comence por los básico. Actualmente hay muchos tutoriales en la red sobre Blend pero no hay que detenerse demasiado en los ejemplos avanzados donde explotan todas las capacidades de esta herramienta. Los ejemplos básicos a veces son muy simples pero de mucha utilidad como cuando me tope con el piloto espacial o el ejemplo de la gallina que cacarea.

Cuando vi algunas de las gráficas y ejemplos sencillos usados en tutoriales para su demostración sabía que podría se mejor,  en ese momento miro la tv y pasaba South Park, Eureka!!. Y es por esto que me propongo a realizar un guía paso a paso en la construcción de una animación en Siverlight centrandome en el personaje de Eric Cartman. Para esto haré uso de Expression Design y así también aprenderemos los conceptos básicos de esta herramientapara la creación del personaje paraluego exportarlo para su utilización en Blend (XAML Silverlight Canvas).

 Eric Cartman on Design

Por el momento les dejo a Eric Cartman, si alguno desea contribuir con los demás personajes para agregarlos a la animación serán bien recibidos. En la próxima entrega profundizaremos en el uso de Design, la exportación y el manejo en Blend.

10 mandamientos del diseño web

  1. No abusar de Flash: Es una tecnología potente pero que hay que usar con mesura ya que puede empeorar la usabilidad del sitio.
  2. No ocultar el contenido: La publicidad es necesaria para mantener un sitio, pero cuidado con usar técnicas intrusivas como pop-ups que tapan el contenido. Los banners colocados estratégicamente dan mejores resultados y no molestan al usuario.
  3. Hacer sitios ordenados: La web es un inmenso cajón de información. Es imprescindible contar con información bien ordenada, jerárquicamente.
  4. No abusar del efecto “glossy”: Es una técnica demasiado usada ya, muchos sitios la incorporan en sus diseños convirtiéndose en un cliché poco efectivo a estas alturas.
  5. Pon atención al dar nombre a un proyecto: La web2.0 también ha traído consigo una peculiar forma de generar nombres de proyectos. Cuidado con el uso de vocales, no usar demasiadas ni demasiado pocas.
  6. La tipografía es muy importante: A pesar de vivir en la internet de la banda ancha y contenidos audiovisual, el texto sigue siendo fundamental y muy poderoso en el diseño web.
  7. Ten presente la experiencia del usuario: Es de vital importancia crear sitios que capturen y mantengan la atención de los usuarios.
  8. La importancia de la web social: la web social ha provocado gran diversidad de usuarios, ahora tenemos varios tipos diferentes. Hay que tenerlo en cuenta cuando hagamos un trabajo, por ejemplo en los espacios publicitarios.
  9. Incorpora los nuevos medios: el uso de la Wikipedia, YouTube y demás servicios similares se ha convertido en algo muy común entre los usuarios. Incorpóralos en la medida de lo posible dentro de un proyecto.
  10. El contenido es el rey: dicho hasta la saciedad pero siempre está bien recordarlo: lo más importante es el contenido.

Vía: Isopixel.net | Enlace: The 10 Commandments of Web Design

Bucket List: Cosas que hacer antes de estirar la pata

Es difícil entender el resumen de la vida de alguien. Algunos dicen que se mide por lo que dejo atrás. Algunos creen que puede ser medido por la fe. Otros dicen que por el amor. Y otros creen que la vida no tiene significado. Yo creo que te mides a ti mismo por la gente que se mide a través de ti.

Hay una expresion en inglés que dice “kick the bucket” es decir, “patear la cubeta/balde”, y se refieren a morirse, es el equivalente en algunos paises a “estirar la pata” por ejemplo, y bucket list (”la lista de la cubeta”)  se refiere entonces a la lista de cosas que se desea hacer antes de morirse.

En la película llamada The Bucket List protagonizada por Nicholson y Freeman aparece un lista singular que va creando la comedía y el drama de esta película:

  • Ayudar a un extraño para bien
  • Manejar un Mustang Shelby
  • Tatuarse
  • Reír hasta llorar
  • Conocer el Himalaya
  • Conocer las pirámides de Egipto
  • Volar en paracaidas
  • Usar un traje de seda en Japón
  • Besar a la mujer mas linda del mundo

Hace poco Josh Lew escribió su lista de 50 cosas que debía hacer antes de morir donde  con experiencias nos recordarán que el mundo sigue siendo un lugar mágico. Es un buen ejemplo para empezar a fijarse metas, salir de la rutina y despertar ese lado aventurero que todos llevamos dentro. Ahora que si ya es demasiado tarde, entonces pudes leer la lista 50 cosas que hay que hacer después de morir.

Efecto Dragan

Old Bruce from Dragan

Andrzej Dragan nació en 1978 y estudio en Varsovia, Amsterdam, Oxford y Lisboa. En 2005 se doctoró Cum Laude en Física Cuántica y fué galardonado por la mejor tesís de física por la Sociedad Física Polaca en 2001, obtuvo una beca por la Fundación Europea de la Ciencia en 2002, por el Comite Nacional de Investigació Científica en 2003, premiado por Jovenes Estudiantes de la Fundación para la Ciencia Polaca en 2004. Ha realizado numerosas conferencias y seminarios en Amsterdam, Cracovia, Glasgow, Minsk, Munich y Tokio. Es miembro de la Secretaría Científica del Comite Organizador de la Olimpiadas Científicas, y actualmente trabaja como profesor adjunto de física en la Universidad de Varsovia. Además ha obtenido numerosos premios nacionales e internacionales en concursos de composición musical, y desde 2003 se dedica a la fotografía. Creador de la técnica de postproducción fotográfica conocida como el Efecto Dragan, que da a sus fotografías una profundidad inquietante que está creando escuela, incluso en Flickr hay una comunidad “Dragazniana”.

“Algunas personas dicen que los buenos retratos revelan alguna verdad oculta del modelo retratado. Con tristeza, debo confesar que ese tipo de personas no encontrarán nada interesante en mis fotografías, simplemente porque no tienen ese propósito.”  -Andrzej Dragan-

Vía: Bluemag.es | Enlace: Andrzej Dragan

Una introducción a Silverlight

SilverlightDe acuerdo a la Real Wikipedia en Español, Microsoft Silverlight es un complemento para navegadores de Internet que agrega nuevas funciones a Windows Presentation Foundation como la reproducción de vídeos, gráficos vectoriales, animaciones y otros elementos. El objetivo es brindar una aplicación similar a la que da Adobe Flash Player, una aplicación desarrollada por Macromedia ahora perteneciente a Adobe. Silverlight es una nueva tecnología de presentación web creada para su ejecución en distintas plataformas. Hace posible un uso más completo, atractivo visualmente e interactivo, y se puede ejecutar en todos los entornos: con exploradores y en múltiples dispositivos y sistemas operativos de escritorio (como en Macintosh de Apple). Al igual que WPF (Windows Presentation Foundation), la tecnología de presentación en Microsoft .NET Framework 3.0 (la infraestructura de programación de Windows), XAML (eXtensible Application Markup Language, lenguaje de marcado de aplicaciones extensible), constituye la base de la capacidad de presentación de Silverlight.

Ver el resto de esta entrada

For the twitters: Ahora entiendo lo que sucede

Esta imagen sacada del cortometraje animado For the birds de Pixar deja más claro lo que le sucede a twitter que la ballena que ya empezamos a odiar.

For the twitters

Creciente actividad Web 2.0 en México

Este año nos trajo sorpresas tecnológicas por parte Apple empezando con el Iphone 3G seguido por el Mac Book Air; conocimos nuevos servicios web 2.0 y las invitaciones para betas se hacían populares; fuimos testigos del papel de los blogs como medios de difusión; nos mantenemos atentos a los capítulos de la novela Microsoft/Yahoo; Google nos sorprende con App Engine y Android; los grupos musicales buscan nuevas alternativas de promoción dejando a un lado la industria como Radiohead con In Rainbows y NIN con Ghosts I-IV; el ser geek empieza ser cool; Bill abandona Microsoft; Yahoo empieza a tener bajas importantes dentro de su planilla; Facebook se hace notar como el líder de las redes sociales; aparecen en escena una varidad de marcas y modelos del OLPC y los UMPC; los superhéroes dejan cifras millonarias en las taquillas de cine; Ajax por todos lados en pequeñas o grandes dosis acompañados de diseños más sobrios; no dejamos de ver noticias polémicas sobre el DRM y la SGAE; la popularidad y uso de los teléfonos móviles es visible en servicios como Youtube; Twitter el famoso servicio de microblogging pese a sumar nuevas inversiones y oficinas para su empresa empieza a tener problemas recurrentes en su servicio; Y muchas otras historias que suman puntos para la Web 2.0 y que harían una interesante segunda parte para la película Los Piratas de Silicon Valley.

Ver el resto de esta entrada

Boxbyte presente en el Blogmic 2008

Durante nuestra ausencia de la blogosfera en el mes de abril se termina el cuarto escenario y así el poster final del Blogmic Anual 2008, un gran poster con la presencia de una activa comunidad bloguera hispana divida en 4 escenarios: Neutral (donde nos encontramos), Golpes y tecnología, Música y buenos deseos, Alcohol. Esta convocatoria se lanzó por Seth de Alquimistas del Diseño en Diciembre del 2007.

Blogmic Anual 2008

Por cierto la frase de nuestro pequeño personaje hace referencia a la parte “Por que la gente que está tan loca como para pensar que puede cambiar al mundo, es quién lo logra” del anunncio publicitario llamado Crazy Ones de la campaña publicitaria de Apple Think Different.

Boxbyte is in da house!

Boxbyte Julio 2008Hola mundo!, después de abandonar este blog casi 6 meses por diversos motivos (procrastinar!) el blog de Boxbyte junto con su equipo de colaboradores estan de regreso. Esta vez con nuevos colaboradores, nuevas ideas y proyectos que en breve irán conociendo. Antes que nada una disculpa para todos esos lectores que ya no encontraron noticias y actualizaciones de este blog.

En la primera etapa de este blog que comenzó hace exactamente un año (7.7.2007) con el post de La 7 maravillas del mundo y terminó en enero de este año, conocimos y experimentamos mucho de esta magnifica plataforma para la gestión de este blog: Wordpress. Conocimos la plataforma, aprendimos de nuestros errores y peleamos muchas veces con códigos y estilos que se adaptarían a ese plugin favorito. Valoramos el uso moderado de herramientas para promoción e información de nuestro sitio. Descubrimos y reconocimos  el valor del blogger, ya que  no es fácil mantener una línea de publicaciones. Sobre todo descubrimos que el valor de un blog radica esencialmente en la calidad de sus contenidos y que la correcta utilización de herramientas disponibles es suficiciente para crear y  promover ideas. Crecemos y desarrollamos con una filosofía nueva alrededor de la Web 2.0 que nos ayuda a fomentar buenas estrategias de trabajo para nuestra empresa y clientes.

Estamos agradecidos por todos los comentarios que nos enviaron. Comentarios que ayudan a mejorar y hacer crecer este blog. La retroalimentación proveniente de la crítica, las observaciones y sugerencias siempre será necesaria para complementar la información o reconocer nuestros errores.

¿Que sigue? Antes que nada tomaremos las riendas del blog empezando por escribir contenidos, actualizar secciones, eliminar elementos innecesarios del actual diseño para preparar el nuevo. Hemos empezamos con eliminar algunas publicaciones irrelevantes, cerramos los comentarios para algunas publicaciones viejas (Gracias! por todos sus comentarios)  y eliminamos esos borradores que nunca vieron la luz (borrón y cuenta nueva).

Aprovecho el momento para agradecer las colaboraciones de Lemini, Icarograf, Sra. Interesante, Victor, Deck y Héctor que son parte fundamental del  crecimiento de este blog.

Boxbyte is in da house!