11
4
I came across this site http://www.desimartini.com/allaboutrajni.htm which requires me to disconnect from Internet to see the action! I am surprised as the site has quite an amount of content and seriously doubt if it can cache everything to my browser in few seconds. Can someone help me in understanding how such sites are built?
To add to this the site stops working after I reconnect to Internet!
Chethan S.
Posted 2012-03-06T15:02:26.707
Reputation: 1 007
22
This particular website was built in Flash. It is quick to load because most of the graphical (if not all) content is vector graphics. The difference between vector graphics (this site) and bitmap graphics (such as your family pictures in jpegs, tiffs, or bmps) is that vector graphics use mathematical functions to draw lines and fill colors (and gradients) instead of pixel-for pixel information about color. That results in a very small site, and also: you can try zooming in and you will see that the quality does not degrade (unlike jpegs, bmps, tiffs..). I assume that the background music probably "weighs" more in terms of disk space then the rest of the graphical content which is pure vector.
BTW, flash can mix content (vector+bitmap), but this guy made this site without any bitmaps so it can be small.
More about vectors vs bitmaps: http://graphicssoft.about.com/od/aboutgraphics/a/bitmapvector.htm
More about Flash websites: http://en.wikipedia.org/wiki/Adobe_Flash
To top off my answer: This site is made to run from cache, and also checks for internet connectivity. If this cached website can detect internet connectivity, it is scripted so it does not run. The author of the site obviously did this so the user can appreciate the site's small size, and the authors know-how :)
Kaurin
Posted 2012-03-06T15:02:26.707
Reputation: 685
7Just adding, that flash can run from cache once the flash file is downloaded onto the computer. – Psycogeek – 2012-03-06T15:37:01.233
Correct. That is actually a big part of the answer, and i forgot to include it :) – Kaurin – 2012-03-06T15:39:50.530
Edited the answer as per @Psycogeek suggestion! – Kaurin – 2012-03-06T19:32:59.367
2
Just to give you a feeling how much you can put in very little code: This video was rendered using a 4K(!) executable - including the sound! (But of course the rendering is far from real time, so this can't really be compared.)
– Hendrik Vogt – 2012-03-06T18:01:34.597man, that site is simply awesome – Bogdacutu – 2012-03-06T19:32:48.583
1I tells you how it does it right on the site, its Rajni Power! – Moab – 2012-03-07T04:07:21.260
Why there are 'Close' requests for this question?! – Chethan S. – 2012-03-07T14:54:50.473