フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援
フリーランスのためのネットビジネス専門学校 ネットで独立開業を目指す人を応援

画像をスムーズに動かすjavascriptの作成

参考:http://wp-e.org/2016/07/15/7096/

参考URLにある様なスマートフォンのgifアニメを、gifアニメではなくjavascript(以下js)で再現できないかと考えています。
gifアニメは作成するのに手間がかかりますので、スクリーンショットをjsで動かしたいのです。

具体的に申しますと、まずスマートフォンサイトのスクリーンショット(ヘッダーからフッターまで)を用意します。
次にjsが反映される指定範囲を、.sp-scrollの様なクラス名でくくります。
この際、スマートフォンで見ている感じにすべく、スクリーンショットの一部分のみを表示しておきます。

上記のHTMLを表示すると、予めjsで指定されたスクロールのアニメーションが実行され、
隠れていた部分のスクリーンショットがスクロールして表示されます。
この際のアニメーションは可能な限り、iOSの様なスムーズなスクロールにしてください。
またスマートフォンの指でタッチしている感じを出したいので、よくある丸いポインタもつけて一緒に動かしてください。

求めるスキル : HTML / JavaScript / スマートフォン
支払い方式 : 固定報酬制
予算 : 予算はメンバーと相談する

[紹介元] クラウドワークス プロ向けの仕事 画像をスムーズに動かすjavascriptの作成

コメント

記事に戻る

コメントを残す