joe77
08-22-2008, 04:55 PM
Hi guys!!!
I'm new to this site...but I realized that..this is a nice place to learn and grow...
hmm.... I would say....I'm more of a designer than a developer.
Ok ...now the question is..I have seen websites like
" www.mercedes-amg.com/SL65BlackSeries " where they play heavy fullscreen graphics without much issues...but whenever I try, even a medium size animations online...I can see them slow n' breaking...
anybody has any idea how these guys are doing it...?
what software they use...?
here I'm not talking about just videos...even some flash animations are giving problems for me....
it will be great if you can help me with this issue...
thank you...
Eye for Video
08-22-2008, 06:41 PM
Well here is the short and sweet answer…Money… all it takes is money. Hire great designers and developers who can optimize all the elements required for an animation like this.
What??? That’s not the answer you had in mind? oh… Well since Mercedes Benz didn’t hire me to do the job, I may not have all their secrets but I’ll give you a few of them.
First, plan on using a preloader to load the entire .swf before the animation begins. The Mercedes .swf is almost 14 MB and on my 6 Mb connection, it still took about 50 seconds to load. Now that is a long time to wait, but… their pre-loader is an interesting animation, and we think we are watching something good…. but in reality, they are just buying time to download the file.
Far as I can tell, that is the complete file and it’s not downloading more as the animation moves along. For a test, do this.. clear your temp Internet cache, then visit and download the Mercedes animation. Time the download. As soon as the download is complete and when the first image of an auto shows, before doing anything on the screen, put your cable modem on standby, effectively disconnecting yourself from the Internet. Then go back to the screen and have at it. The whole animation seems to play just fine. This confirms that the entire animation has been downloaded and is in your temp cache. Check it (the cache) and sure enough… there it is, about 14 MB worth.
The slow jerking and breaking probably comes from not using a preloader and having to continually download. So Preload and have the first part of the animation just sit there, waiting for user input.
Second.. How the heck can they produce such rich graphics in only 14 MB? Every speck of graphics is optimized to be the smallest size possible. Very few bitmaps (photographs) are used and not video, compared to vector graphics.
For a quick size comparison, in Flash, draw a picture of a black ball against a white wall. Move the ball around for 25 frames, then publish. Now import 25 photos of a black ball against a white wall. Stick one in each of 25 frames, then publish… see the size difference?
When drawn, every graphic component will be created only are large as needed and will never be resized to shrink to fit on the stage. And if you noticed, there are really not that many different images, maybe 25 of the autos plus background stuff. Create one instance and reuse as many times as possible. And you’ll notice that the use of color is very limited. Black, and shades of white and grays.
So there you go.. the million dollar answer.. OK, maybe not a million …. but a couple hundred thous… hey wait a minute, I guess it’s really more like…. DANG… no wonder I’m always broke.
Best wishes,
Eye for Video
www.cidigitalmedia.com