デモの使い方

「FUTURE」という文字と球体の間を、シアン色のパーティクルが自動でモーフィングしながら行き来する3Dデモです。

パーティクルモーフィング Three.js 線形補間

操作手順

  1. 「FUTURE」の文字を形作るシアン色のパーティクルが表示されるのを確認
  2. 自動で球体の形へ粒子が集まっていくモーフィングを観察
  3. 数秒ごとに文字と球体が交互に切り替わり、Y軸回転しながら繰り返されるのを確認

活用シーン

  • テキストのピクセル座標から3Dパーティクルを生成する手法の学習
  • イージング付き線形補間によるモーフィングアニメーションの実装例
  • ブランドビジュアルやロゴ演出の参考実装

Morphing Particles

Text <-> Sphere (Auto transform)