WebGLシェーダーで作るホバーエフェクトの実験室「WebGL Hover Lab」を公開しました

Three.js + GLSLシェーダーで作ったホバーエフェクトのショーケース「WebGL Hover Lab」を公開しました。カードにカーソルを重ねると、波紋・グリッチ・ハーフトーン・墨のにじみ・水晶玉など、13種の異なるWebGL表現が発動します。

各カードの「</>」ボタンから、そのエフェクトの実動コード（HTML / CSS / JS）をコピーして試すこともできます。スマホでは仮想カーソルによる自動デモが動くので、タッチ環境でもお楽しみいただけます。

WebGL Hover Lab を開く