ブログの背景ぐにゃぐにゃさせる

ブログの背景,ぐにゃぐにゃ動くようにした.パーリンノイズっていうのを使うとぐにゃぐにゃ動かせておもしろい.アカデミー科学技術賞狙える勢いでぐにゃぐにゃ動く.

みんなこれ使いたいはずなので簡単にインストールできるようにしておいた.以下をコピーしてブログの詳細設定→headに要素を追加に貼り付けるとぐにゃぐにゃにできる.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="http://hitode909.github.io/hatenablog-unofficial-modules/haikei-gunyagunya.js"></script>

http://www.flickr.com/photos/25928224@N06/2511852611
photo by rosepetal236

パブリックドメインのパーリンノイズのライブラリあったから使った.

パーリンノイズについてはジェネラティブ・アートっていう本読むと楽しく学べる.

ジェネラティブ・アート -Processingによる実践ガイド

ジェネラティブ・アート -Processingによる実践ガイド

オープンソース

オープンソースというかGitHubでPull Requestベースで開発してると,Pull Request送るのは,不具合修正か機能追加か効率化のためが主で,リファクタリングのためにわざわざPull Request送ることは稀だと思った.その結果,20人以上がコミットする3000行のクラスが出来上がったりする.
プロジェクトのオーナーはどこが悪いか知ってから直せるけど,そうでもない人は,動く限りは,どう実装されてるか気にならないし,開発に参加しようとは思わないのかもしれない.
リファクタリングすることで,他人のPull Requestがマージできなくなるかもしれない,という遠慮があるのかもしれない.

http://www.flickr.com/photos/68061227@N00/2882707341
photo by Najwa Marafie - Free Photographer

ブログの背景をスクロールさせる

背景スクロールさせると酔いそうな感じになっておもしろい.PC版だけスクロールする.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script>
(function ($) {
    $(function() {
        var src = $('.entry-content img:visible:first').attr('src');
        if (!src) return;
        $('body').css('background', 'url(' + src + ')');
    });

    var offset = 0;
    setInterval(function() {
        $('body').css('background-position', '' + offset + 'px ' + offset + 'px')
        offset--;
    }, 100);

})(jQuery);
</script>

http://www.flickr.com/photos/27289736@N00/1066952106
photo by move-at-light-speed