webclips

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

JavaScript エフェクト

2019/04/16

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

Blotter.js

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

Blotter.js

PICK UP

【jQuery】サイドバーをスライドで表示できるSimple Sidebar
リアルな水滴を表現できる「Rain & Water Effect Experiments」
CSSで出力できるドット絵ジェネレーター「Pixel Art to CSS」
【jQuery】レスポンシブ対応のタブを実装できる「GridTab」
【jQuery】ページめくり効果を付けられる「OneBook3d」
スライドアニメーションで展開するグリッドメニュー「Expanding Grid Menu」