Three.jsを用いたパーティクル演出:株式会社ヨシモリ コーポレートサイト制作
OVERVIEW
スクロール連動型のアニメーションを実装した、企業ブランドサイト。
企業メッセージ「信頼と実績」を視覚的に伝えるため、Three.jsを用いたパーティクルアニメーションを実装しました。 スクロールと連動して無数のパーティクルが「地球」の形を形成し、その後滑らかに拡散してテキストが現れる演出を施しています。
地球の形状を再現するための画像解析ロジックの導入や、デバイス(PC/モバイル)の負荷を考慮したパーティクル数の最適化など、パフォーマンス面と視覚効果の両立を追求しました。
