こんにちは、工藤です。

今回は背景を魅力的に見せてくれるjsについてまとめてみました。

covervid

サイトへ　 github

背景いっぱいに動画を表示してくれるプラグインです。
動画を使用するのにすごく軽量なところが魅力的です。

particles.js

サイトへ　 github

幾何学模様を背景に表示してくれるプラグインです。
マウスの動きに合わせて幾何学模様が動いてくれてちょっと楽しいです。
模様の点の数や動きの等もカスタマイズが可能です。

StickyStack

サイトへ　 github

レイヤーのように、スクロールをしたらセクションが上に重なっていくプラグインです。
ちょっと何かを説明するような資料チックなサイトに使えそうです。


style="display:block"
data-ad-client="ca-pub-4667789978705365"
data-ad-slot="9480048027"
data-ad-format="auto">

SHARDS

サイトへ　 github

複数のグラデーションが重なり合う背景を作成できるプラグインです。
ページを更新すると形がランダムで変化するのが面白いです。

rainyday.js

サイトへ　 DEMO　 github

なんと指定した箇所に雨を降らせる事ができるプラグインです。
デモをご確認いただくとわかるのですが水滴がすごくリアルに表現されています。
canvasで描写している用ですがこんなことができるんですね。

multiScroll.js

サイトへ　 github

スクロールをすると左右に分割されたコンテンツが上下から現れます。
ちょっと変わったパララックス表現をしたい時にぴったりですね。