2012-01-18

Today's Google Doodle.



今天的Google Doodle又是一個用Javascript做成的動畫,
還蠻有趣的,因為自己有儲存Google Doodle的習慣,
而偏偏這種動畫就無法簡單按右鍵儲存,
所以每次看到這種動畫都會想要分析是怎麼實作的。

第一次進到首頁,執行一連串動畫用的圖檔:
http://www.google.com.tw/logos/2012/monkey12-opening.png



背景圖:
http://www.google.com.tw/logos/2012/monkey12-background.jpg



滑鼠停在孫悟空頭:
http://www.google.com.tw/logos/2012/monkey12-hold.png



孫悟空頭動畫圖:
http://www.google.com.tw/logos/2012/monkey12-smile.png



仙桃動畫圖:
http://www.google.com.tw/logos/2012/monkey12-peach.png



風火輪動畫圖:
http://www.google.com.tw/logos/2012/monkey12-wheel.png



寺廟動畫圖:
http://www.google.com.tw/logos/2012/monkey12-temple.png



金箍棒動畫圖(還整個畫面到處飛):
http://www.google.com.tw/logos/2012/monkey12-weapon.png



百寶袋動畫圖(10種物品):
http://www.google.com.tw/logos/2012/monkey12-food.png




類似這種一連串動畫放在單一圖檔的做法,
也可以在各種APP Game source code中發現,
重點還是在於設計出流暢又有帶有俏皮的圖像,
才能吸引人目光。

沒有留言: