» チュートリアル エフェクト - Mr. Wiggle
This site relies heavily on Javascript. You should enable it if you want the full experience. Learn more.

チュートリアル エフェクト - Mr. Wiggle

English | Italian | Spanish | Mandarin

TOC: エフェクトとシェーダー
Back: 頂点シェーダーの準備
Next: 表示するための数式


有名なMrWiggleエフェクトに取り掛かりましょう。これはサイン波によってメッシュを変形させます:

頂点シェーダーはメッシュの頂点ごとに呼ばれます。ここ?で学んだように、頂点シェーダーの入力は今処理されているメッシュの頂点に保存されているデータです:

vs2ps VS(
    float4 PosO  : POSITION,
    float4 TexCd : TEXCOORD0)
{
...
}

現在の頂点の位置であるPosOベクトルに関心を向けて下さい。頂点の垂直位置(y座標)に依存したx座標のオフセットを追加してみます:

PosO.x += sin(PosO.y);

波を制御するためにいくつかのパラメータを追加します:

PosO.x += sin(PosO.y * Frequency + Phase) * Amplitude;

そうすると入力を伴う頂点シェーダーは次の様になります:

float Frequency = 10;
float Phase = 0;
float Amplitude = 0.01;
 
vs2ps VS(
    float4 PosO  : POSITION,
    float4 TexCd : TEXCOORD0)
{
    //declare output struct
    vs2ps Out;
 
    //offset x coordinate
    PosO.x += sin(PosO.y * Frequency + Phase) * Amplitude;
 
    //transform position
    Out.Pos = mul(PosO, tWVP);
 
    //transform texturecoordinates
    Out.TexCd = mul(TexCd, tTex);
 
    return Out;
}

そして、その結果パッチはこの様になります:

mr wiggle patch

Next: 表示するための数式
Back: 頂点シェーダーの準備
TOC: エフェクトとシェーダー

anonymous user login

Shoutbox

~3mth ago

joreg: END OF SHOUTBOX! As this page has is now legacy, it will no longer feature new content. For latest news, see: http://vvvv.org

~4mth ago

joreg: vvvvTv S0204 is out: Custom Widgets with Dear ImGui: https://youtube.com/live/nrXfpn5V9h0

~4mth ago

joreg: New user registration is currently disabled as we're moving to a new login provider: https://visualprogramming.net/blog/2024/reclaiming-vvvv.org/

~4mth ago

joreg: vvvvTv S02E03 is out: Logging: https://youtube.com/live/OpUrJjTXBxM

~4mth ago

~4mth ago

joreg: Follow TobyK on his Advent of Code: https://www.twitch.tv/tobyklight

~4mth ago

joreg: vvvvTv S02E02 is out: Saving & Loading UI State: https://www.youtube.com/live/GJQGVxA1pIQ

~4mth ago

joreg: We now have a presence on LinkedIn: https://www.linkedin.com/company/vvvv-group

~4mth ago

joreg: vvvvTv S02E01 is out: Buttons & Sliders with Dear ImGui: https://www.youtube.com/live/PuuTilbqd9w

~5mth ago

joreg: vvvvTv S02E00 is out: Sensors & Servos with Arduino: https://visualprogramming.net/blog/2024/vvvvtv-is-back-with-season-2/