Google's logo looks very good. Google officially implemented it with CSS + Javascript. Later, many of my friends in the blog Park also implemented it (one of them ), so I used as3 to implement a flash version. In fact, I think this technology is not the best, but the animation design is great.
Effect preview:
Image download:
Save it as download directly. If the link is invalid, you can download the source code from the bottom. The Source Code also contains this image.
ImplementationCode:
Package {import flash. display. bitmap; import flash. display. bitmapdata; import flash. display. movieclip; import flash. display. sprite; import flash. display. stagescalemode; import flash. events. event; import flash. geom. point; import flash. geom. rectangle; [SWF (backgroundcolor = 0 xffffff, width = "420", Height = "160", framerate = "16")] public class google_logo_20110511 extends sprite {private var animationinfo: array = [[307,48, 88,89,], [307,48, 89,89, 88,0], [307,48, 91,89, 177,0], [305,49, 93,89, 268,0], [305,50, 93,88, ], [, 88, 454,0], [, 86, 547,0], [, 53,], [, 54, california], [,], [, 54, ,], [, 84, 1374,0], [,], [,], [,], [, 85, california], [, 85,,, california], [, 71, 89], [, 67, 69,], [, 63, 74,], [,], [, 85, 1568,89], [70,101,180, 55,109,187, 88, 1662,89], [58,119,193,], [,], [,], [,], [,], [55,119,199, 121,127, 0,208], [122,138,121,208, 126,139,243,208, 136,140,369,208], [141,140,505,208,], [,], [,], [,], [148,140,646,208, 151,140,794,208], [121,138,945,208, 123,137,106], [123,137,118, 124,137,131], [,], [,], [,], [112,137,143, 106,137,154, 106,137,165, 103,137,176], [104,136,186,], [,], [,], [,], [, 2,], [, 2, 104,137,196, 98,137], [0,348, 99,137, 98,348], [97,137,197,348, 96,136,294,348, 99,136,390,348], [,], [,], [,], [100,136,489,348, 100,136,589,348], [138,137,689,348, 126,137,827,348], [101,136,953,348, 108,136,105], [,], [,], [,], [, 2,], [, 1, 110,137,116 118,138,127], [128,124,139, 137,121,151, 1655,348,], [, 15, 1757,348], [97,101,186, 104,101,195, 107,100, 0,486], [112,100,107,486, 38, 94,110,219,486, 95,111,313,486], [97,111,408,486, 99,112,505,486], [98,112,604,486, 87,112,702,486], [83,113,789,486, 86,109,872,486], [,], [,], [,], [86,103,958,486, 88,112,104], [186,131,113, 167,122,131, 87,105,148, 1572,486], [1660,486, 1766,486, 1876,486], [1993,486, 0,617], [154,42, 137,97, 130,617], [153,42, 137,97, 267,617], [153,42, 137,97, 404,617], [152,41, 137,98, 541,617], [151,41, 137,97, 678,617], [815,617, 41, 144,114,960,617, 144,126,110], [153,127,124, 173,128,140], [,], [,], [,], [180,133,157, 180,136,175, 176,137,193], [161,139, 0,754, 235,138,161,754, 295,148,396,754], [277,149,691,754, 234,137,968,754], [232,137,120, 135,139,143], [244,139,156, 152,139,181, 164,139,196], [169,139, 0,903, 170,139,169,903, 168,138,339,903], [159,138,507,903, 304,139,666,903], [189,140,970,903, 138,129,115], [137,129,129, 137,128,143, 135,133,157, 146,136,170, 147,136,185, 150,136,199, 150,135, 150,132,150,104, 394,145,300,104, [388,145,694,104, 389,144,108 3], [387,144,147, 387,143,185, 113,131, 111,131,113,118 8], [112,130,224,118, 116,130,336,118 8], [111,130,452,118, 111,130,563,118 8], [110,131,674,118, 8], [,], [,], [113,106,784,118, 110,104,897,118 8], [, 8]; [embed (Source = "google_logo.png")] private var logo: Class; private var MCS: array = []; private var playindex: Int = 0; Public Function google_logo_20110511 () {This. stage. scalemode = stagescalemode. no_scale; var logobitmap: bitmap = new logo (); For each (VAR info: array in animationinfo) {var bitmap: bitmap = getbitmapfrombitmapdata (logobitmap. bitmapdata, info [4], info [5], info [2], info [3]); var MC: movieclip = new movieclip (); MC. addchild (Bitmap); MC. X = info [0]; MC. y = info [1]; MCS. push (MC);} This. addeventlistener (event. enter_frame, onenterframe);} private function onenterframe (Event: Event): void {If (playindex <MCS. length) {var MC: movieclip = MCS [playindex] As movieclip; addchild (MC); playindex ++;} else {This. addeventlistener (event. enter_frame, onenterframe) ;}} private function getbitmapfrombitmapdata (bitmapdata: bitmapdata, X: int, Y: int, width: int, height: INT): bitmap {var bitmap: bitmap = new Bitmap (); bitmap. bitmapdata = new bitmapdata (width, height); bitmap. bitmapdata. copypixels (bitmapdata, new rectangle (X, Y, width, height), new point (0, 0); Return bitmap ;}}}
Finally, the data of the array in the Code comes from: http://www.cnblogs.com/eric6/archive/2011/05/11/2043327.html.
Source code download (the source code contains image files)