JavaScriptで変な形のクリック領域を作るとき、svgが便利

昨日のVieraのリモコン、リモコンを作りたかったのもあるけど、svgとJavaScriptを組み合わせた簡単なプログラムを試しに書いてみたかったというのがあります。

加速度センサーでパララックス効果

以前 から、このサイトのトップ絵をパララックス効果でマウスでグリグリ動くようにしていますが、 この記事で紹介されているパララックスライブラリが、スマホの場合加速度センサで傾きを使ってアニメーションさせるというもので、面白そうだったのでやってみました。

ドット絵でパララックス効果

トップページ でトップ絵に採用してみましたが、ドット絵で パララックス効果 をやってみました。

JSでドット絵にTIPを表示するライブラリを作った

先日作ったJSでパレットを読み出すPixelUtil に、画像のjQueryオブジェクトを引数で渡すとTipを表示してくれるcreateTip関数を追加しました。 引き続き、Githubにて公開しています。 Firefoxで完全に動き、Chromeだと拡大時に縁がボケ、IEだとパレットがバグります。 改変･使用は自由ですが、バグがあったら教えて欲しいです。

ドット絵にマウスオーバーでパレットを表示するようにしてみた

昨日の記事の使用例として、ここのギャラリーでドット絵にマウスオーバーするとパレットを表示するようにしてみました。

JavaScriptで画像のパレット他を読み出すコードを書いた

Githubにて公開しています。 256色Png、普通のGifと簡単なアニメーションGifに対応しているつもり。IEでは動きません。 改変･使用は自由ですが、バグがあったら教えて欲しいです。

JavaScriptのthisの出現パターンは2つしか無いという話

• JavaScriptのthisについて
• JavaScriptのthisについて – new演算子とコンストラクタ

前にJavaScript初心者向けにthisについて言及しました。当時わかりやすく書いたつもりだったけど、今読み直すとわかりづらい･･･ので、視点を変えて書きなおしてみようという試み。