Google七夕情人節Doodle背後技術揭祕

Google七夕情人節Doodle背後技術揭祕

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


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


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


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


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


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


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


這個七夕 Doodle 可以在中國大陸、香港、臺灣、韓國、新加坡、馬來西亞等地的 Google 首頁上看到,其他地區如果設置爲簡體中文也能找到。


順便說一句,百度今天也換標了,但只是個簡單的圖片。差距啊……


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章