スクロールに連動してキャラが落下していくさまを表現したアニメーション 『Falling Down the Rabbit Hole』

WS002888
このエントリーをはてなブックマークに追加
PR

Falling Down the Rabbit Hole
By Rachel Nabors

DEMO 表示

drop

よく出来た演出で、背景とキャラクターもとても良い
GIFアニメだと少しわかりにくいかもしれないのですあ、ぜひリンク先で体験してみてください

 

これはスクロールで落下していくさまを表しているのですが

たとえば背景に読み物系や画像とかのコンテンツを置いて、キャラクターが進行を務めてくれるような演出も可能ではないかと思います、ウェブ上の何かのチュートリアルに応用すれば使えるかもしれません

 

プラグインは skrollr.jsとwaypoints.jsが使われているようです

 

ネタ元はこちらのようです、WEB上でスクロールして読む絵本的なのを作っているようです
http://rachelnabors.com/alice-in-videoland/book/

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)