[JS]パララックスが楽しい、アニメーション用超軽量ライブラリ -$fx

オブジェクトを指定のポジションから指定のタイミングでアニメーションさせることができる超軽量（3.7KB）のJavaScriptのライブラリ「$fx」を紹介します。

$fx – JavaScript animation library
demo

アニメーションは、それぞれのディレイのタイミングを変更することで、パララックス効果で奥行きを表現することもできます。
下記は、2つのオブジェクトのディレイのタイミングを変更する際のサンプルコードです。

var moveBg0 = {type: 'backgroundx', to: -314, step: -1, delay: 20}
var moveBg1 = {type: 'backgroundx', to: -269, step: -1, delay: 50}

デモでは、パララックス効果を使った宇宙空間にUFOが浮遊しているアニメーションが公開されています。

宇宙空間にUFOが浮遊しているデモ

Post on:2009年1月16日