[JS]パララックスが楽しい、アニメーション用超軽量ライブラリ -$fx
Post on:2009年1月16日
sponsors
オブジェクトを指定のポジションから指定のタイミングでアニメーションさせることができる超軽量（3.7KB）のJavaScriptのライブラリ「$fx」を紹介します。
$fx - JavaScript animation library
demo
アニメーションは、それぞれのディレイのタイミングを変更することで、パララックス効果で奥行きを表現することもできます。
下記は、2つのオブジェクトのディレイのタイミングを変更する際のサンプルコードです。
|
1 2 3 4 |
<textarea name="code" class="html" cols="60" rows="5"> var moveBg0 = {type: 'backgroundx', to: -314, step: -1, delay: 20} var moveBg1 = {type: 'backgroundx', to: -269, step: -1, delay: 50} </textarea> |
デモでは、パララックス効果を使った宇宙空間にUFOが浮遊しているアニメーションが公開されています。
sponsors
