最近のランディングページで見かける！ スクロールに連動して背景画像をアニメーション化できるバニラJavaScriptのライブラリ -ScrollMovie.js

マウスのスクロールやキーボード操作、スマホのスワイプ操作に連動して背景画像をアニメーション化し、まるでスクロールで動画を操作しているかのようなコンテンツを実装できるバニラJavaScriptのライブラリを紹介します。 プロダクトのランディングページとかにいいですね。Appleなどは動画を使用していますが、操作している感があって面白いです。順再生・逆再生にも対応しており、背景画像なのでその上にコンテンツを自由に配置できるのも大きな魅力です。 ScrollMovie.js ScrollMovie.js -GitHub ScrollMovie.jsの特徴 ScrollMovie.jsのデモ ScrollMovie.jsの使い方 ScrollMovie.jsの特徴 ScrollMovie.jsは、ウィンドウをスクロールするときに背景画像をアニメーション化できるバニラJavaScriptのライブラリ

[coliss]

マウスのスクロールやキーボード操作、スマホのスワイプ操作に連動して背景画像をアニメーション化させるバニラJavaScriptのライブラリ。

[arapro]

🐈

[kamiokando]

Appleの旧Macproのページは凄かった。

[casm]

作る側的には面白いけどユーザー的には不便だからやめてくれって思うやつ😅／画像、全コマ用意してる。力技だ…／video→canvas→dataURLでやってみたけど、リアルタイムにやると凄くカクつく。dataURLを全フレーム書き出す?