Patrick Matte

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

Patrick Matte — Mon, 17 Oct 2011 23:35:03 +0000

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.

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

Patrick Matte — Sun, 16 Oct 2011 04:47:29 +0000

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.

Patrick Matte — Tue, 11 Oct 2011 22:57:43 +0000

Click to open SWF

Download the source files.

Connect to Flickr and load photo albums with Flash.

Patrick Matte — Tue, 11 Oct 2011 22:53:56 +0000

Click to open SWF

Download the source files.

Connect to Facebook and load photo albums with Flash.

Patrick Matte — Tue, 11 Oct 2011 22:46:41 +0000

Click to open SWF

Download the source files.

Some screen captures of my previous flash experiments.

Patrick Matte — Fri, 30 Sep 2011 21:06:20 +0000

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

Patrick Matte — Sat, 13 Aug 2011 00:38:01 +0000

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

Patrick Matte — Mon, 16 May 2011 23:03:41 +0000

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.

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

Patrick Matte — Fri, 20 Aug 2010 00:34:22 +0000

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.

Click to open SWF

Download the source files.

Reproducing the Labuat brushstroke effect…

Patrick Matte — Fri, 05 Mar 2010 00:40:29 +0000

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.

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.