tohokuaikiのチラシの裏

技術的ネタとか。

Confluenceのプラグイン開発を承ります。ご連絡はこちらのホームページからお願いいたします。

YouTubeの左上にあるロゴがワールドカップのアニメーションになってたが、GIF動画ではなかった。

これね。いつもはYouTubeのロゴ。 f:id:tohokuaiki:20180715205630p:plain

で、これのアニメーションがGIFアニメとかMP4とかでなくて、ただのバカでかいPNG画像だった。

https://www.gstatic.com/youtube/doodle/yt-doodle-worldcup-1x.png https://www.gstatic.com/youtube/doodle/yt-doodle-worldcup-1x.png

これの背景位置をずらしているだけという…

i=0;
var f = function(i, img){
    img.style.backgroundPositionX= i*110 + "px";
    if (i++ < 15840/110) {
        setTimeout(function(){
            f(i, img);
        }, 40);
    }
};
f(i, document.getElementById('animated-yoodle'));

なるほど、そういうのもあったのか。