2007-12-27

JavaScriptで15パズル

を作ってみました。→ココ

flickrから「babe」ってタグの写真をとってきて、それをJavaScriptで擬似的に15分割して作成しています。運が良ければべっぴんな姉ちゃんが出てくるけど、その逆も然りでブラクラにもなりうるという感じになっております。機能的にどうとかというのはないので、使ってみれば操作はすぐわかると思います。

作成の動機はJavaScriptの勉強というところなのですが、そもそもはこちらの記事で紹介されていた「Googleの検索結果ページは画像を一つしか読み込んでいない」ってのが気になって、「へー、JavaScriptって画像切れるんや。」とかっていう風に勝手に思ってやりました(バカ)。実際は画像の複製と、画像の一部表示の併せ技で画像の切り取りを擬似的に実現しています(Googleも多分そうだと思うけれど、あのソースは読む気になれない。。。)。

まだリファクタリングしていない箇所もあって、冗長な箇所があったりするのですが、ひとまずは完成しています。 今後は、もし気が向けばアニメーションの勉強がてらのバージョンアップをしたいなあ。

Posted at 00:02 in | WriteBacks (3) | Edit