Archive for the ‘Flash’ Category

OSX genie-like effects with Flash and Papervision3D

Thursday, 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…

Thursday, 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.

Playing with constraints in AS3 with the physics engine APE.

Friday, February 5th, 2010

Playing with a physics engine is so much fun. Be careful not to drag the cube too fast or it might break out.

SpringConstraints in APE

Click to open SWF

Download the source.

Some generative art for our “25 lines of code” contest at TBWA\Chiat\Day. I won at unanimity!

Saturday, July 25th, 2009

The rules of the contest were simple, create the most awesome program in just 25 lines of code. The timing was pefect for me as i wasn’t too busy for the last two days before the deadline and i was able to work on a few entries.

My 25 lines of code winning entry

Click to open SWF

This one nailed it. I’m still surprised how many things i was able to cram into 25 lines! I have a 3D engine in there that converts 3D points to 2D points in 3 lines of code! And the routine also changes the color of the lines, records arrays of points to create the trails that gets thinner as time increases. Also notice the velocity on each point that make the trail move along.

Download source fla

I’m definitely happy with the first one but there’s another entry that i did which i also like.

Another entry in the contest

Click to open SWF

For that one I got the inspiration from a demo i saw last week, and i thought to myself, “hey i can do this in 25 lines of code” so i did it. Some images it creates look a lot like those spacy tracy desktop backgrounds of Windows Vista and OSX.

Download source fla

My posts at Blitz Labs

Tuesday, June 23rd, 2009

Just wanted to quickly make a link to a few articles I wrote on the Blitz Labs over the two years and a half that I spent there. There’s a nice one on a Polar Coordinates filter for flash 9.

My posts on Blitz Labs

Click to open my posts at Blitz Labs

Simulating liquid with actionscript 3 and physics engine APE.

Tuesday, June 16th, 2009

I created a quick prototype of a realtime liquid simulation for a project over at Chiat a couple weeks ago. The result might not be very realistic, a little cartoony you might say, but it’s definitely fun to play with (any program that features real-time physics just fascinates me). I made a quick demo to show you how it’s done.

Click to open SWF

Click to open SWF

I quickly looked at some reviews to make my choice on the physics engine i would use and APE seemed to be the simplest one. It was pretty simple indeed as i was able to put up my original demo in a single day. It was a little tricky to create the physics bottle that would hold the particles. The easiest way i found was to put movieclips on stage in the shape of the bottle and loop through each pieces and create a corresponding APE RectangleParticule. The tricky part is that when you rotate a movieclip in flash, the height and width of the clip changes, so i had to nest a movieclip within to be able to read the correct height and width of the particle.

Download the source