波の始まりがフラットに戻るようにラインの正弦波を作成する方法

Question

したがって、以下のコードに従って粒子を使って正弦波の動きを作成する方法を知っています。しかし、私がしたいのは、ストリングに沿ったリップルのような効果を作り出すことです。アイデアは、ストリングに沿って波が動くのですが、現在波にないセクションはゼロの位置に戻り、実行されませんさらに1本の波がラインを通過します。これを達成するには、以下の正弦波運動をどのように修正すればよいですか？

int xspacing = 16; // How far apart should each horizontal location be spaced 
int w;    // Width of entire wave 

float theta = 0.0; // Start angle at 0 
float amplitude = 75.0; // Height of wave 
float period = 500.0; // How many pixels before the wave repeats 
float dx; // Value for incrementing X, a function of period and xspacing 
float[] yvalues; // Using an array to store height values for the wave 

void setup() { 
    size(640, 360); 
    w = width+16; 
    dx = (TWO_PI/period) * xspacing; 
    yvalues = new float[w/xspacing]; 
} 

void draw() { 
    background(0); 
    calcWave(); 
    renderWave(); 
} 

void calcWave() { 
    // Increment theta (try different values for 'angular velocity' here 
    theta += 0.02; 

    // For every x value, calculate a y value with sine function 
    float x = theta; 
    for (int i = 0; i < yvalues.length; i++) { 
    yvalues[i] = sin(x)*amplitude; 
    x+=dx; 
    } 
} 

void renderWave() { 
    noStroke(); 
    fill(255); 
    // A simple way to draw the wave with an ellipse at each location 
    for (int x = 0; x < yvalues.length; x++) { 
    ellipse(x*xspacing, height/2+yvalues[x], 16, 16); 
    } 
} 

Answer 1

私はあなたのために行っている、まさに全くわかりません。いくつかの例を描くことで、より良い説明ができます。

しかし、あなたの質問への短い答えは：それはあなたの波が持っているので、

yvalues[i] = sin(x)*amplitude; 

は今、すべての粒子が同じ振幅を持っている：あなたは、この行を変更することによって、罪の波の高さを変更したいです均一な高さ。代わりに、あなたがしたいことは、各粒子に異なる振幅を与えることです。ここでは非常に単純な例だ：

yvalues[i] = sin(x) * x * 10; 

これは、画面の左側に向けた粒子が小さい振幅を持つようになり、画面の右側にある粒子は、より大きな振幅を持っています。言い換えれば、波は平らに始まり、右に進むにつれて大きくなります。

私がおそらくやることは、各パーティクルの位置、動き、振幅をカプセル化するParticleクラスを作成することです。その後、時間の経過とともに各パーティクルの振幅を小さくします。ユーザーがクリックしたとき（または波を発生させたいイベントがあれば）、パーティクルの振幅を大きくします。

恥知らずの自己宣伝：処理可能なクラスを作成するためのチュートリアルを書いていますhere。