こんにちは、工藤です。
今回は背景を魅力的に見せてくれるjsについてまとめてみました。
covervid
サイトへ github
背景いっぱいに動画を表示してくれるプラグインです。
動画を使用するのにすごく軽量なところが魅力的です。
particles.js
サイトへ github
幾何学模様を背景に表示してくれるプラグインです。
マウスの動きに合わせて幾何学模様が動いてくれてちょっと楽しいです。
模様の点の数や動きの等もカスタマイズが可能です。
StickyStack
サイトへ github
レイヤーのように、スクロールをしたらセクションが上に重なっていくプラグインです。
ちょっと何かを説明するような資料チックなサイトに使えそうです。
SHARDS
サイトへ github
複数のグラデーションが重なり合う背景を作成できるプラグインです。
ページを更新すると形がランダムで変化するのが面白いです。
rainyday.js
サイトへ DEMO github
なんと指定した箇所に雨を降らせる事ができるプラグインです。
デモをご確認いただくとわかるのですが水滴がすごくリアルに表現されています。
canvasで描写している用ですがこんなことができるんですね。
multiScroll.js
サイトへ github
スクロールをすると左右に分割されたコンテンツが上下から現れます。
ちょっと変わったパララックス表現をしたい時にぴったりですね。
