WebGLを使って画像にエフェクトを加える

WebGL(Three.js)を使って画像にエフェクトを加える

このページでは、WebGLの3DライブラリであるThree.jsを使って画像にエフェクトを加えたアニメーションを実装しています。
画像をマウスでホバーすると画像がゆらゆらと揺れるような表現を実装しました。
この表現を使えば、画像をより魅力的に見せることができます。
また動画素材を使わずに画像だけで表現できるため、

• ページの読込み速度を落とさずリッチな表現を実現することができる
• CMS部分への実装も容易

といったメリットがあります。