2012-04-22

2012 地球日。

今天的Google Doodle是一個Google英文字花圃,
由原本的小草慢慢轉變為盛開的花朵。
這次不是插畫的方式呈現,有點類似空拍花圃的感覺,
不知道是實拍還是靠合成的效果圖哩?

分析一下這次的做法:
使用一連串共16張圖的方式,配合Javascript呈現。
https://www.google.com/logos/2012/earthday12-hp-b.jpg



[snippets]
function(){try{window.google||(window.google={});google.doodle||(google.doodle={});var c=google.doodle,d=0,e,f,g,h,i=!1,j=function(a,b){if(a){a.style.display=b>0?"block":"none";a.style.filter=b<100?"alpha(opacity:"+b+")":"";b=(b<100?b:99.999)/100;a.style.opacity=b;a.style.MozOpacity=b;a.style.i=b}},k=function(){window.clearTimeout(c.a);window.clearTimeout(c.g)},l=function(){if(!c.h&&google.dstr&&google.rein){c.h=true;google.dstr.push(k);google.rein.push(l)}c.cpDestroy=k;c.cpInit=l;k();e=document.getElementById("hplogo");f=document.getElementById("hplogo-a");g=document.getElementById("hplogo-b");h=document.getElementById("hplogo-c");d=0;i=false;if(window.location.href.indexOf("#")==-1&&e&&g&&h&&f){var a=document.createElement("img");a.style.visibility="hidden";a.onload=m;a.src="/logos/2012/earthday12-hp-b.jpg";e.appendChild(a)}},m=function(){k();g.style.height=h.style.height="2912px";g.src=h.src="/logos/2012/earthday12-hp-b.jpg";j(g,0);j(h,0);g.style.display=h.style.display="";n()},o=function(a,b){if(a){j(a,b);if(b<99)c.a=window.setTimeout(function(){o(a,b+11)},50)}},n=function(){var a=i?g:h,b=i?h:g;a.style.zIndex=4;b.style.zIndex=3;window.clearTimeout(c.a);o(a,0);a.style.top=-d+"px";d=Math.floor(d+182);c.g=d<2912?window.setTimeout(n,500):window.setTimeout(p,500);i=!i},p=function(){window.clearTimeout(c.a);f.style.top="-182px";f.style.zIndex=5;o(f,0)};google.x?google.x({id:"DOODLE"},l):l()}catch(q){google.ml(q,!1,{cause:"DOODLE"})};})();

最後重點當然還是今天是世界地球日,大家好好愛護地球吧!

沒有留言: