El proyecto de el Edificio Avante quizás fue el proyecto que más nos costo en el 2009. Nos aventuramos a realizarlo usando tecnologías que jamas habíamos usado en el studio.       Nos desvelamos, tuvimos pesadillas y hasta hiper ventilamos pero al final nos encanto el resultado.

Lo primero que decidimos utilizar fue “Deep Linking”  en flash. Que queremos decir con Deep linking, pues es básicamente decirle al explorador que se vaya a una parte especifica de la película de flash utilizando la barra de dirección. Para los que no han trabajado en flash antes, hacer esto no es tan sencillo!

El problema más grande que teníamos era que flash solo utiliza una única pagina para enseñar todas las secciones del sitio. Por medio de AS3 y Javascript pudimos lograr que el explorador se comunicara con nuestra película en flash y asi lograr que al escribir un link especifico en la barra de dirección eso llevara a una sección especifica en la película.

Una vez resuelto nuestro primer problema enfrentamos un problema aun mas grande.  Sin saber como hacerlo le habíamos vendido al cliente que su edificio (aun no construido) iba a aparecer en el sitio web y los usuarios iban a poder verlo en 360 grados.

No nos referíamos a un 360 de un edificio, nos referiamos a que el modelo del edificio iba a aparecer y el usuario iba a poder visualizar en tiempo real. El único problema es que no teníamos ni idea como lo íbamos a hacer =)

Decidimos utilizar un motor en 3D para flash llamado PaperVision3D donde nos permitia insertar el modelo del edificio en low poly y adentro de flash animarlo. En teoría todo tenia que funcionar. Ahora a la hora de armar el proyecto no fue tan fácil como muchos lo hacían ver.

Después de haber revisado casi toda la documentacion a la mano empezamos con las pruebas, al inicio nos encontramos con muchos problemas, pero luego fuimos descubriendo poco a poco que los archivos se deben preparar para que funcionen de una manera correcta con este motor. El modelo del edificio tuvo que ser modificado para que se visualizara mejor. Las texturas eran al inicio un problema, demasiadas planas, no habían luces ni sombras. Para solucionar ese problema se “hornearon” las texturas en ingles Texture Baking, lo que significa es que se hace un render y la información del material junto a sus luces, brillos y sombras son grabadas almacenadas.

Viewport - Maya

Render

Ya que las texturas serian cargadas por el explorador, estas tenían que ser optimizadas, hacerlas menos pesadas sin tener que sacrificar tantos detalles.Trabajar con PaperVision3D por primera vez fue un gran reto para el equipo, pero la experiencia es invaluable y nos dejo con ganas de seguir experimentando con el.

Además del modelo en tiempo real y el deep linking del edificioavante.com el portal también utiliza google maps (en flash) y carga galerías completamente dinamicas.

Google maps API en Flash

El proyecto le gusto al cliente y nosotros quedamos sumamente contentos ya que habíamos logrado realizar algo que no teníamos ni idea como hacer. Nos sentimos super orgullosos en haber desarrollado el primer proyecto en papervision3D en el salvador, una tecnología que todavía esta en pañales  pero que poco a poco iremos viendo más en el mundo flash.

Visita el sitio en edificioavante.com

Recientemente Rediseñamos una aplicación Interactiva para Hoteles Decameron El Salvador. Ellos necesitaban una herramienta promocional para distribuirse en USB. Necesitaban comunicar la sensación  de estar en los hoteles, es por eso que se le diseño una aplicación con videos de fondo para generar el ambiente del mar, todo esto acompañado con un sonido de olas que puede ser desactivado por el usuario.
La Aplicación fué diseñada en Adobe Flash,  programada con Action Script 2.0, todos los textos, videos e imagenes de la galería son llamados desde XML, asi el cliente puede actualizar el contenido cuando lo desee.

Originalmente esta aplicación fué diseñada para distribuirse por USB, pero al final tambien fué subido a su web.

Puede verlo Aqui: http://www.decameron.com.sv/