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中發現,
重點還是在於設計出流暢又有帶有俏皮的圖像,
才能吸引人目光。
訂閱:
文章 (Atom)