I will be speaking at the L.A. Flash User Group this Wednesday October 19th, 7pm.

October 17th, 2011

Visa Memory Mapper

The Visa Memory Mapper is a web application made with Adobe Flash that lets users create an animated journey with pictures and music. I will talk about how the project was completed in seven weeks, starting with how the idea for this project came about and all the Flash work that was done through the final delivery. You’ll see some preliminary prototypes and you will learn about working with Flash and the Facebook, Flickr, Youtube and Google Maps APIs. You’ll also learn about working with Adobe AIR and FFMPEG to render dynamic flash animations to video. The presentation will also include some work with Away3D and Adobe PixelBender.

Read more about it on the LA FLash website.

Recreating the black ribbon that Yugop did 9 years ago, this time with Flash and Away3D.

October 15th, 2011
Black ribbon

Click to open SWF

Here’s a quick attempt at recreating the fabulous ribbon that Yugo Nakamura did with Director in 2002…

Download the source.

Connect to YouTube and upload a video with Flash.

October 11th, 2011
Connect to YouTube and upload a video with Flash.

Click to open SWF

Download the source files.

Connect to Flickr and load photo albums with Flash.

October 11th, 2011
Connect to Flickr and load photo albums with Flash.

Click to open SWF

Download the source files.

Connect to Facebook and load photo albums with Flash.

October 11th, 2011
Connect to Facebook and load photo albums with Flash.

Click to open SWF

Download the source files.

Some screen captures of my previous flash experiments.

September 30th, 2011

I made this quick video for the TBWA\Chiat\Day art\music party we had last week. Check it out.

Animation test – zoom blur from space to Earth surface with Google Maps and Flash

August 12th, 2011
Zoom blur from space to Earth surface

Click to open SWF

Following up on my previous blog post, I made some animation tests for moving on the globe from one location to another.

After you get to Los Angeles, use the search box to go to any other location.

I used Away3D 3.x and a motion blur filter that I found in Adobe’s Pixel Bender Library. It actually took a lot of work to make this look good.

Download the source files.

Simulating Google Earth with the Google Maps API for Flash

May 16th, 2011

I made some research on how to simulate Google Earth in Flash for a recent project at TBWA\Chiat\Day. Unfortunately the schedule was too tight and a freelancer was called in to build the module which in the end only used the regular google maps top view. But I wanted to share my research anyway.

Google Earth in Flash

Click to open SWF

The tricky thing is that the grid in Google Maps is square and as you can see in the background, the latitude is not distributed evenly. So you can’t simply take the square map and put it on a sphere or it will appear very distorted. What you need to do is find the latitude/longitude of the 4 vertices of every face on the sphere and then use the method fromLatLngToViewPort which returns the Point on the map that corresponds to that latitude and longitude. Once you have all four points, you can draw that particular section of the map and use it as a material for the face. One thing worth mentioning is also that for some reason, the satellite view only has map available from 85 degrees to -85 degrees of latitude, so you have to patch the top and bottom of the sphere manually.

Maybe I’ll revisit this at a later time and make it possible zoom in on the map.

Download the source files.

OSX genie-like effects with Flash and Papervision3D

August 19th, 2010

I made a nice little transition effect this week that’s a bit similar to the genie effect on OSX. It’s basically just made with a Papervision3D plane and tweens for every vertices composing the plane. Open the swf and play with all the different easing equations to create a different look and feel.

OSX genie effect with Flash

Click to open SWF

Download the source files.

Reproducing the Labuat brushstroke effect…

March 4th, 2010

This week i had a stint at trying to reproduce the brushstroke effect as seen on the famous labuat website, winner of the FWA’s 2009 people’s choice award. The tricky part was getting that same smoothness in the curves but i’m pretty happy with the results i got so far. For kicks, i also added some animation and velocity to the brushstroke.

Brushstroke with velocity

Click to open SWF

Labuat brushstroke

Click to open SWF

Download the source files.

It was a nice continuation from the previous work i did on the 25 lines of code contest. I’m gonna thinker a little bit more with the code and post more advanced experiments later on.