» チュートリアル エフェクト - 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

~19h ago

joreg: Two #vvvv workshops this week in #berlin: Friday: Physical Computing, Saturday: Computer Vision. Tickets: upcoming-full-day-vvvv-gamma-workshops-in-berlin

~1d ago

joreg: @cznickesz also feel free to join our chat for such questions: chat

~1d ago

cznickesz: @joreg: Yeah, I´ll give it a try! Thx

~2d ago

joreg: @cznickesz: we're hoping this week. but depends on feedback. please test your project and let us know if it works.

~2d ago

cznickesz: @joreg: I should stop asking my questions so cryptic ;-) So right away: is final Beta39 hours, days or weeks away?

~2d ago

joreg: @cznickesz: the idea of an RC is exactly to make sure your projects will work with it. your last chance to report problems with b39.

~2d ago

cznickesz: So how "RC" is the "RC3"? I have to update an old project soon and I´m wondering if I should wait and directly update to Beta39

~2d ago

joreg: @takuma, the "one frame" issue was fixed in RC3 for beta39, see: beta39-release-candidate

~2d ago

Takuma: @joreg thank!! Ill try this. Are there a way to send video texture from vvvv to vl? fromimage node in vl somehow only sends 1 frame

~2d ago

cznickesz: @ravasquez thx, so I need to stop avoiding nuget in the end ;-)