Google七夕情人節Doodle背后技術揭秘

簡體傳統

　七夕佳節，習慣了玫瑰、巧克力包圍的西方情人節，終于輪到了純真的中國式浪漫。Google 今天也應景推出了一個新的 Doodle，而且還是個小游戲。

　　這個小游戲暗藏了三道關卡，需要用戶在限定的時間內將各種顏色的小喜鵲放到與其顏色對應的圈圈中，從而為牛郎織女搭起鵲橋，而且游戲難度會隨著關卡的深入而逐漸上升。

Google 七夕情人節 Doodle 背后技術揭秘

　　也許你覺得這種小游戲太簡單太幼稚，但如果你夠細心，就會發現看似簡單的背后隱藏著不少的亮點與秘訣，比如第一關一只喜鵲搭橋，第二關兩只喜鵲雙宿雙飛，第三關兩只大喜鵲和一只小喜鵲組成橋洞，相信這是每個人所期待的大團圓結局，甚至還有調皮的小喜鵲不愿意乖乖地待著，即便被抓住也會趁你不注意時偷偷飛走，讓鵲橋無法迅速搭好。

　　通關之后，牛郎織女相聚鵲橋，同時響起背景音樂“花好月圓”，這就是每個人心向往之的“有情人終成眷屬”吧。

Google 七夕情人節 Doodle 背后技術揭秘

　　和之前的很多 Google Doodle 一樣，這里也是體現新的 Web 技術的地方。據了解，這其實是一款基于 HTML5 技術的網頁游戲，Google 采用了貝塞爾曲線和 CSS3 來實現喜鵲飛行的途徑和方向，31 顆閃爍的星星則都采用正弦曲線規則創作，每個星星閃耀的亮度、步調、速度都不一樣。

　　此外，這個 Doodle 還利用了 Sprite 技術和資源分階段下載，加快載入速度，比如 200 多張圖片就通過 Sprite 技術合成為 4 張，大大減少網頁下載時間。

　　Doodle 中的不少動畫，比如人物走動、人物落水、喜鵲飛行姿態、飛行路徑等，通過一個中央控制器完成的，以減少 CPU 消耗。