デモの使い方

マウスで移動した位置に波源を置き、2D波動方程式で水の波紋が広がる様子を表示するデモです。

波動シミュレーション 波紋エフェクト Canvas描画

操作手順

  1. 「Move mouse to create ripples」の通り、画面上でマウスを動かす
  2. カーソルの軌跡に沿って水の波紋が発生し広がるのを確認
  3. 減衰しながらゆらゆらと揺れる水面の様子を観察

活用シーン

  • 2D波動方程式による水面シミュレーションの学習
  • Float32ArrayグリッドとImageData描画の実装例
  • 水・波紋系の背景演出の参考実装
Move mouse to create ripples