webclips

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

WebDesign
JavaScript エフェクト

2018/04/17

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

Blotter.js

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

Blotter.js

PickUp

【Webデザイン】Webサイト制作に役立つブックマークレット
クリエイティブの高い海外のWebデザインまとめ【2018年3月】
【jQuery】スクロールで画像に3D効果を掛けられる「tiltedpage_scroll.js」
【jQuery】画像のドミナントカラーを背景色にする「jquery.adaptive-backgrounds.js」
Youtubeのヘッダー・フッターを消す「PrettyEmbed.js」
キレイな装飾のテキストアニメーション「Decorative Letter Animations」