ぷるるん新感覚!スマフォでのスクロールが楽しくなるナビゲーション -Jelly Navigation Menu
Post on:2013年8月21日
各アイテムをスクロールのスピードに合わせて、ゼリーでできたようにぷるるんと変形させるJelly Navigation Menuを紹介します。
![デモのキャプチャ](/wp-content/uploads-201302/2013082101.gif)
Introducing Jelly Navigation Menu: When Canvas Meets PaperJS
実際の動作は、下記のデモページで堪能できます。
![デモのキャプチャ](/wp-content/uploads-201302/2013082102.png)
ぷるるんの量はスクロールのスピードで変化するので、ゆっくりスクロールしたり、素早くスクロールしたりしてみてください。
実装にはPaper.jsとTweenJSでぷるるんを再現しており、動作の仕組みは下記デモページで確認できます。
![サイトのキャプチャ](/wp-content/uploads-201302/2013082103.png)
sponsors