» チュートリアル エフェクト - 表示するための数式
This site relies heavily on Javascript. You should enable it if you want the full experience. Learn more.

チュートリアル エフェクト - 表示するための数式

English | Italian | Spanish | Mandarin

TOC: エフェクトとシェーダー
Back: Mr. Wiggle
Next: 頂点データ


数学的機能による頂点データ操作の様々な可能性について説明します。

次の例ではGrid (EX9.Geometry) を入力に使います。解像度は約50x50にしてください。

f(x, y) = z

xとyによって新しいzを作成します。the MrWiggle exampleを使うとこのように書くことができます:

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

パッチはこの様になります:

function patch

f(u, v) = xyz

その他の一般的なものはグリッドのxy座標から全く新しい位置を計算するためのものです。これはしばしばパラメトリックサーフェスと呼ばれます。入力のxyパラメーターはuvと呼ばれます。

例えば円錐形です:

x = v*cos(u)
y = v*sin(u)
z = v

関数としてこの様に書くことができます:

float3 Cone(float2 uv)
{
    float u = uv.x;
    float v = uv.y;
 
    float3 newPos;
    newPos.x = v * cos(u);
    newPos.y = v * sin(u);
    newPos.z = v;
 
    return newPos;
}

0..1の範囲での循環を得るために2Πでuをスケールすることが便利になるかもしれません。それだけでなく入力パラメーターのための汎用的なオフセットとスケールを持つことも便利になるかもしれません。頂点シェーダーはこの様になります:

#define twopi 6.28318531
 
float2 Scale = 1;
float2 Offset = 0;
 
float3 Cone(float2 uv)
{
 
     uv *= Scale;
     uv += Offset;
 
    float u = uv.x * twopi;
    float v = uv.y;
 
    float3 newPos;
    newPos.x = v * cos(u);
    newPos.y = v * sin(u);
    newPos.z = v;
 
    return newPos;
}
 
vs2ps VS(
    float4 PosO  : POSITION,
    float4 TexCd : TEXCOORD0)
{
    //declare output struct
    vs2ps Out;
 
    //set new position
    PosO.xyz = Cone(PosO.xy);
 
    //transform position
    Out.Pos = mul(PosO, tWVP);
 
    //transform texturecoordinates
    Out.TexCd = mul(TexCd, tTex);
 
    return Out;
}

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

cone patch

Next: 頂点データ
Back: Mr. Wiggle
TOC: エフェクトとシェーダー

anonymous user login

Shoutbox

~5h ago

StiX: @vnm there is contrib, just search forums and page

~13h ago

vnm: Hi! How can I get PC-name in VVVV?

~21h ago

mediadog: @fleg Yes, will be premiering a new public work at Times Square the 25th - drop a line!

~1d ago

vasilis: Really nice!

~3d ago

fleg: Hi all! Anybody in New York and up for a beer? I´ll be there from 19th-30st.

~4d ago

ravazquez: @sebescudie that's awesome! We need the same for patches...