以前 から、このサイトのトップ絵をパララックス効果でマウスでグリグリ動くようにしていますが、 この記事で紹介されているパララックスライブラリが、スマホの場合加速度センサで傾きを使ってアニメーションさせるというもので、面白そうだったのでやってみました。 デモ スマホで見てください。手元のAndroidで動作確認しました。 手元のAndroidだと、アニメしてくれますが、ちょっとカクカクしています。 コード 以前のコードに手を加え、UAがスマートフォンの場合は加速度センサの値でアニメするようにします。 $(function() { var baseX = $('#parallaxImage').offset().left + 200; var baseY = $('#parallaxImage').offset().top + 150; var layers = $('#parallaxIma
![加速度センサーでパララックス効果 - MANA-DOT](https://cdn-ak-scissors.b.st-hatena.com/image/square/bceb89d1e8c370fd29ab793f85ddf5df13b8d6dd/height=288;version=1;width=512/http%3A%2F%2Fmanaten.net%2Fwp-content%2Fuploads%2F2013%2F08%2Fparallax_top.png)