デモの使い方

ワイヤーフレームの平面の頂点がサイン波でうねるように揺れ続ける3Dウェーブアニメーションのデモです。

頂点アニメーション ワイヤーフレーム Three.js

操作手順

  1. ページを開くと平面の頂点が波のように動き続けるのを確認する
  2. シアンのワイヤーフレームと白色パーティクルの重なりを観察する
  3. 平面がゆっくり回転しながら波形が伝わる様子を確認する

活用シーン

  • 水面や波のエフェクト実装の学習
  • 頂点単位のアニメーション計算の入門教材
  • サイト背景の没入感ある動的演出の題材