デモの使い方

「TECH」という文字を構成するパーティクルがマウスの接近で押しのけられ、元の位置へ弾力的に戻るインタラクティブタイポグラフィのデモです。

パーティクルタイポグラフィ マウスインタラクション 文字演出

操作手順

  1. 画面中央の「TECH」の文字が小さな粒子で構成されているのを確認する
  2. マウスを文字に近づけると粒子が押しのけられて弾ける
  3. マウスを離すと粒子が元の位置へ滑らかに戻る様子を観察する

活用シーン

  • ヒーローセクションの動的タイポグラフィ演出
  • マウスインタラクション演出の参考実装
  • ブランドロゴやキービジュアル演出の題材