魅力的なテキストエフェクトを実装できる「Blotter.js」

Webデザイン

2018/04/17　 2019/04/16

5種類のテキストエフェクトを実装できる「Blotter.js」が心地よい動きをしてたので忘備録。 Three.jsとUnderscore.jsを使用しChannelSplitMaterial / FliesMaterial / LiquidDistortMaterial / RollingDistortMaterial / SlidingDoorMaterialと5種のエフェクトを実装することができます。

Blotter.js

Materialsの各エフェクトページから右上のコントローラーでエフェクトを確認しながら調整できるのもうれしい。サイトにインパクトを出したい時など使用してみたいもんです。

Blotter.js

【jQuery】画像をハーフトーンに変換するプラグイン「Breathing Halftone」
グラデーションのアニメーションを実装できる「Granim.js」
180種類のグラデーションがまとめられた「WebGradients」
CSSで出力する三角形ジェネレーター「CSS Triangle Generator」
マルチボックスのフルスクリーンメニュー「Multibox Menu」
Youtubeの埋め込み動画をレスポンシブに対応させる方法