Subscribe

  • Subscribe  

Awesome Audi Microsite

Posted by Sravan | December 30, 2008 .

I am not sure whether it is our blind love for cars, but many car brands appear to have spectacular websites that clearly must have been put up through painstaking efforts. Recently, one of Audi’s Microsites is being feverishly discussed by the RIA community. After ogling at it for hours, that is.

This particular Audi Microsite shows the Audi made up of particles in 3D Flash. Rarely do we see such smoothness in apparently chaotic particular movements.

Audi Microsite Screenshot

After probing around the blogosphere and various forums, I found some interesting things. e.g. You may wonder about how the effects were achieved. At least, you will after visiting it.

I am pasting from a post by Frank Weinhold, one of the Flash application developers who worked on some major parts of the website.

For the tweening and rendering of the dots, there are several ways to
achive the same result. You just need the 3d data, a particle or
tweening engine and a 3d->2d projection.

We used our own xml-format to get the 3d data into flash. As we didn’t
have need for any geometry, we just prepared a list of 3d-vertices. Done
that we decreased the size of the data to load to some kBs per model (~
1000 vertices). But I think collada would be fine too, if you don’t work
with heavy detailed 3d models.

For the projection we chose the away3d-engine before papervision, as it
seemed to be faster with simple sprites at the time we started with the
project. But i’m not sure if its still the case. If you work with larger
numbers of particles i would recommend to use a much simpler projection
matrix and bitmaps to draw on.

The tweening is done with tweenlite.

Neue Digital / Razorfish, a Frankfurt creative agency for digital marketing, is behind the Audi Microsite. Audi, DaimlerChrysler, Ford, Volvo, Porsche, Saab are among its illustrious clients list. Bless them!

P.S. I noticed that Google Language Tools doesn’t translate Vorsprung durch Technik to Advancement through Technology. Duh!

Leave a Comment

If you would like to make a comment, please fill out the form below.


Name

Email

Website

*
To prove you're a person (not a spam script), type the security word shown in the picture. Click on the picture to hear an audio file of the word.
Click to hear an audio file of the anti-spam word

Comments

*
To prove you're a person (not a spam script), type the security word shown in the picture. Click on the picture to hear an audio file of the word.
Click to hear an audio file of the anti-spam word


Related Posts

<

Direct TV Offers - usdirect has the best directtv deals