Processingで波を書く方法

波のような滑らかな動きを使うと一気にリッチな表現ができるようになります。

作り方

「Vertex」という、点を打つ関数を使います！
sin()を使って点を打てば、波のようになります。

ポイント

beginShape();
vertex(-100, height/2);
for (int i=0; i<width*resolution; i++) {
   vertex(i/resolution, sin(i/interval+x)*_height+height/2);
}
vertex(width+100,height/2);
vertex(width+100, height);
vertex(-100, height);
endShape(CLOSE);

vertexは始点から終点まで線でつなぎ、線で囲まれた部分を塗ります。
確実に波だけが描画されるように、始点と終点を画面外に置きます。
for文の中が実際に波を描画している部分です。

ソースコード